HTML常见标签（一）

1.标题标签

1. h1 ~ h6 是标题标签，默认字体加粗
2. 一个网页通常是一个h1标签
3. h1 ~ h6 也是块标签

<h1>标题 # 1</h1>
<h2>标题 # 2</h2>
<h3>标题 # 3</h3>
<h4>标题 # 4</h4>
<h5>标题 # 5</h5>
<h6>标题 # 6</h6>

2.段落标签

1. 段落标签、通常形容一段文本、一段字符
2. p标签不可以嵌套div或其他块元素，如果采用p标签嵌套div标签，就会出现p标签被分割。
3. p标签可以嵌套文本、行内元素,但是不能直接嵌套块元素。
4. p标签也是一种块标签，因为可以独占一行，可以直接设置宽度高度

<p>段落....</p> 

3.列表标签

        列表标签：可以独占一行显示，也可以直接设置宽度高度，视为块级元素。

        1.无序列表标签

<!-- 无序列表标签 -->
<ul>
    <li>新闻xxxxx</li>
    <li>财经xxxxx</li>
    <li>体育xxxxx</li>
    <li>历史xxxxx</li>
    <li>娱乐xxxxx</li>
</ul>

        2.有序列表标签

<!-- 有序列表标签 -->
<ol>
    <li>新闻yyyyy</li>
    <li>财经yyyyy</li>
    <li>体育yyyyy</li>
    <li>历史yyyyy</li>
    <li>娱乐yyyyy</li>
</ol>

        3.自定义列表

<!-- 自定义列表 -->
<dl>
    <dt>一级菜单</dt>
    <dd>二级菜单</dd>
    <dd>二级菜单</dd>
    <dd>二级菜单</dd>
 </dl>
 <dl>
    <dt>一级菜单</dt>
    <dd>二级菜单</dd>
    <dd>二级菜单</dd>
    <dd>二级菜单</dd>
 </dl>

4.图片标签

        1.img 单标签 ， 是行内块标签。在同一行显示，可以直接设置宽度高度。

        2.src 属性 填写图片文件路径

           alt 属性 描述图片

<img src="photo/p2.jpeg"  alt="这是一朵美丽的荷花" title="美丽的荷花">

        3.路径：

                （1） 本地相对路径 （推荐）：

                         ./ 当前路径

                         ../ 上一级目录路径

                        ../../ 上上一级目录路径

                （2）绝对路径：带电脑盘符

                                            例如： E:\xxx\xxx\xxx\xxx

                （3）线上的图片路径：这种是别人服务器的图片路径，需要连网才能访问。