网站设计（3常用标签）

一：常用标签

1.文本标题（h1-h6）

<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

注：文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间隔

2.段落文本

<p>段落文本内容</p>，标识一个段落

3.换行

<br/>:强制换行

4.水平线

<hr>:分割线

<hr color="red" width="300px" align="right">

（注释：

color=====颜色

width=====宽度

align======对齐方式（向左，向右）

noshade=====取消阴影）

5.加粗标记

<b>加粗内容</b>只是显示加粗

<strong>强调的内容</strong>突出的文本（便于搜索软件爬虫关键词）

6.倾斜标记

<em>强调文本</em>

<i>强调文本</i>

7.删除线标记

<s>文本</s>

<del>文本</del>

8.扩展标

<u>文本内容</u>（下划线）

<sub>文本内容</sub>（下标）

<sup>文本内容</sup>（上标）

二：HTML5基本语法

1.常用标签，也叫双标签

<标记></标记>

<标记 属性=“属性值” 属性=“属性值”> </标记>

2.空标记，也叫单标记

<标记/>

<标记 属性=“属性值”/>

三：特殊符号

1.尖角号：<左尖角号，>右尖角号

2.空格：  该空格占据宽度受字体影响明显而强烈

                占据的宽度正好是1个中文宽度，且基本上不受字体影响

3.版权：©

4.商标：™ ™

               &reg；

四：分割标签

1.div标签：没有具体含义，用于划分页面的区域，独占一行

2.span标签：没有实际意义，主要应用在对于文本独立修饰时，内容有多宽就占多宽的空间距离

五：列表标签

1.无序列表

<ul>

    <li> 无序列表   </li>

    <li> 无序列表   </li>

</ul>

2.有序列表

<ol type="A" start="4">

    <li>有序列表</li>

    <li>有序列表</li>

</ol>

3.自定义列表

<dl>

    <dt>可以是文字也可以是图</dt>

    <dd>相关文字</dd>

</dl>