3.单标签，双标签，路径

1.设置默认浏览器：

chrome浏览器右上角设置-设置默认浏览器

2.标签

单标签

• 注释标签：ctrl+/

• 换行标签：<br/>

• 水平线标签：<hr/>

• 图片标签：<img>
  属性：src-图片来源
  alt-替换文本：当图片不显示时，会显示替换文本
  title-提示文本：当鼠标放到图片时显示提示文本
  width-height：宽高，当不设置宽高时，图片为图片本身宽高，当只设置宽或高一个数值时，图片等比例缩放，若同时设置宽高，比例会变形。
  eg: <img src="lzl.jpg" alt="林志玲" title=“女神” width="500" height="300"/>
• 音乐标签：<embed> hidden="true"隐藏音乐样式

<embed src="1.mp3"  hidden="true">

双标签

• 段落标签：<p></p>

        .特点：上下段落之间自动生成空白行，< br/>不会自动生成空白行。
  

• 标题标签：h1-h6

       .特点：h1在一个页面里只能出现一次。 
  

• 文本标签：<font></font>

       .eg:`< font size="6"  color="red">  123< /font>` 
  

• 文本格式化标签：

  文本加粗标签：<strong></strong> 更有语义化，较多使用。
  < b>< /b>
  文字倾斜标签：<em></em>更有语义化，较多使用。
  < i>< /i>
  删除线标签：<del></del>更有语义化，较多使用。
  < s>< /s>
  下划线标签：<ins></ins> 更有语义化，较多使用。
  < u>< /U>
  ※：之所以更多使用<strong></strong>，<em></em>，<del></del>，<ins></ins>这些标签，是因为这些标签更有语义化，更便于浏览器解读。

• 超链接标签：<a></a>

  eg:<a href=“03.html”title="图片标签" target="_blank">超链接< /a>
  ※ 属性：href:跳转到的页面的路径，必写属性。
  title:提示文本，鼠标放到链接上显示的文字。
  target:链接打开方式——target="_self" 默认值，在自身页面打开（关闭自身页面，打开链接页面）；target="_blank"在新的页面打开链接，自身页面不关闭。

• 列表标签：

  1.无序列表：< ul>< li>< /li>< li>< /li>< /ul>
  文字前面的符号：type="square" 小方块
  type="disc" 实心小圆圈，默认的
  type="circle" 空心小圆圈

    <ul type="square">
        <li>文字列表</li>
        <li>文字列表</li>
        <li>文字列表</li>
    </ul>

2.有序列表：<ol><li></li><li></li> </ol>

    <ol>
        <li></li>
        <li></li>
        <li></li>
    </ol>

序号方式：`type="1,a,A,I"`   type的值可以为1，a,A,I

    type="1"   start="3"  start决定了开始的数字     

<ol type="1"   start="3">
    <li>文章列表</li>
    <li>文章列表</li>
    <li>文章列表</li>
</ol>

3.自定义列表

<dl>
    <dt>帮助中心</dt>   小标题
    <dd>购物指南</dd>   解释标题
    <dd>订单操作</dd>   解释标题
    <dd>账户管理</dd>   解释标题
</dl>

• 滚动标签：<marquee></marquee>

<marquee behavior="slide" direction="down" height=300px" bgcolor="orange">文字（或者图片标签）</marquee>

页面自动滚动效果之：<marquee>...</marquee>
中间的内容可以为 文字，图片，也可以是由程序生成的文字或图片
属性：height 设置高度 width 设置宽度 bgcolor 设置背景颜色
behavior：设定滚动的方式
alternate： 表示在两端之间来回滚动。
scroll： 表示由一端滚动到另一端，会重复。
slide： 表示由一端滚动到另一端，不会重复。

direction： 设置滚动的方向
down :向下滚动 left:向左滚动 right:向右滚动 up:向上滚动
loop：设置滚动次数 -1一直滚下去

页面背景音乐：
属性：src 设置音乐路径
hidden :隐藏播放按钮 true 隐藏 false 显示
上标下标标签：2<sup>3</sup> ; H<sub>2</sub>O

路径

1.相对路径：相对于当前文件所在的位置，以当前文件为坐标。

• 文件和图片（html文档）在同一个目录（文件夹）时，直接写文件名。

eg:< img src="lzl.jpg" alt="林志玲" />

• 文件和图片（html文档）在下一级目录（文件夹）时，写文件夹名称/图片（html文件）名称。

eg:< img src="images/lzl.jpg" alt="林志玲" />

• 文件和图片（html文档）在上一级目录（文件夹）时，写../图片（html文件）名称。

eg:< img src="../lzl.jpg" alt="林志玲" />

• 文件和图片（html文档）在上一级目录（文件夹）的其他文件里，写../文件夹名称/图片（html文件）名称

eg:< img src="../images/lzl.jpg" alt="林志玲" />
※找下一级目录的（文件夹）的图片用：文件夹名称/文件名称；
跳出当前目录使用../

2.绝对路径：
电脑上的绝对路径：提供图片（文件）的完整路径，不推荐使用，一般图片文件会放到服务器，若使用电脑的绝对路径，有可能会造成在服务器中找不到此路径
互联网的绝对路径：以http开头的完整路径