第一天笔记，html5标签

最新推荐文章于 2025-12-15 13:58:14 发布

原创最新推荐文章于 2025-12-15 13:58:14 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

本文详细解读了HTML中的行内元素如超链接、加粗等，以及块级元素如标题、列表和自定义列表，展示了如何使用CSS和基本标签属性进行样式设置。

行内元素：

<a href="#" title="点一下">超链接</a><br>

  <b>加粗</b><br>

  <strong>加粗</strong><br>

  <i>倾斜</i><br>

  <em>倾斜</em><br>

  <s>删除线</s><br>

  <u>下划线</u><br>

<sup>上标<sup/>

<sub>下标<sub/>

<span><span/>行内标签

块元素：

##### 

  <h1>我是一级标题</h1>

  <h2>我是二级标题</h2>

  <h3>我是三级标题</h3>

  <h4>我是四级标题</h4>

  <h5>我是五级标题</h5>

  <h6>我是六级标题</h6>

    <p>我是段落标签</p>

  <ul>无序列表


•    <li></li>

•    <li></li>

•    <li></li>

•    <li></li>

•    <li ></li>

  </ul>

  <ol>有序列表


•    <li></li>

•    <li></li>

•    <li></li>

•    <li></li>

•    <li></li>

  </ol>

<dl>自定义列表
   <dt>自定义列表标题</dt>
   <dd></dd>
   <dd></dd>
   <dd></dd>
<dl/>

特殊符号：

&nbsp;空格

&copy;版权

&reg;商标

&lt;小于号

&gt;大于号

标签的属性：

<标签属性1='属性值1' 属性2='属性值2'>文字<标签/>

a标签：

href--添加跳转链接，title--标题，target--页面跳转方式（1.blank新窗口打开，2.self当前窗口打开，_new新窗口打开）

ul标签：

ul>li{文字$}*5 (快捷键)

type='circle' 实现无序列表效果变成空心的圆；

type='square' 实现无序列表效果变成实心方块；

type='disc' 实现无序列表效果变成实心的圆（默认的值，写不写都一样）；

ol标签：

type="a" type="A" type="I" type="i" type="1",定义有序列表表达效果

start="3"，让列表从第三个开始

列表的嵌套：

<ul>
    <li>

•      金庸

•      <ul>

•        <li>射雕英雄传</li>

•        <li>笑傲江湖</li>

•      </ul>

•    </li>

•    <li>

•      梁羽生

•      <ul>

•        <li>萍踪侠影</li>

•        <li>云海玉弓缘</li>

•      </ul>

•    </li>

  </ul>

图片：