HTML部分标签以及标签关系

一、标签关系

1.嵌套关系（父子关系）

2.并列关系（兄弟关系）

二、部分标签

1.标题标签 

        特点：h1--h6的标题字体依次减小，双标签，会独占一行

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

        与title的区别：title标签用于显示地址栏的标题，h1标签用于显示网页文章的标题

2.<p>段落标签：双标签，会独占一行

3.<br>换行标签：单标签，在要换行处使用

4.<hr>分割线标签：单标签，独占一行

 5.文本样式标签

     <i>这是斜体字</i>
    <em>这也是斜体字</em>
    <b>这是粗体字</b>
    <strong>这也是粗体字</strong>
    <u>下划线</u>
    <ins>这也是下划线</ins>
    <s>这是删除线</s>

6.无语义化标签（此时先了解即可，后面会做详解）：

        作用：用于布局，是网页中主要的两个盒子

        <div></div>：双标签，独占一行

        <span></span>：双标签，不会独占一行

7.<a>锚点标签：双标签，不会独占一行

        书写格式：<a href="./标签结构.html" target="_blank">百度链接</a>

        作用：一般用作超链接，可以连接到网页或者网站，href为属性，双引号内是链接的地址，target也是属性，作用为跳转页面时，决定是新开一个页面还是就在当前页面：_self: 在自身页面打开网页（默认）    _blank: 在新的页面打开链接地址

        锚点定位：<a href="#123">锚点定位</a>，a 标签的herf属性是 #+值，定位的地方需要加id值

        补充：地址的路径分为相对路径和绝对路径，相对路劲：相对于当前文件的路径, 格式：./当前文件夹   ../上一级文件夹   ../../上一级的上一级；绝对路径：此番存储文件的地方或者网络路径