html002：标签，超链接，列表

• ５.1单标签
  ◆注释标签 ctrl+/

<!--中央电视台-->

◆ 换行标签

中央电视台<br>这里是2019年nba总决赛

◆ 水平线标签

---

就是页面的那一条线

• 双标签

文本内容

也可以换行 特点：上下自动生成空白行。
换行不会生成空白行。

标题标签：表示字体加粗，字的大小变化，h1最大，h6最小

 <h1>cctv5</h1>
    <h6>杨指导</h6>

文本标签
文本内容
这个标签已经过时了，标签里面可以添加字体颜色，大小等属性

<font color="#a52a2a" size="6">欢迎收看NBA总决赛勇士大战猛龙</font>

文本格式化标签
文本加粗标签 工作里尽量使用strong

<font><strong>首先库里命中本场的第一个三分</strong></font><br>
<font><b>小卡也一个扣篮还以颜色</b></font>

文本倾斜标签
工作里尽量使用em

<em>这球漂亮，这球肯定进</em><br>
<i>这球差点进了</i>

删除线标签
工作里尽量使用del

<del>999</del><br>
<s>199</s>

下划线标签
工作里尽量ins

<ins>第一节马上结束</ins><br>
<u>勇士上了四菜一汤</u>

◆注意：之所以工作里使用
是因为更有语义化。

• 图片标签

Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
◆图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放。

<img src="timg%5B3%5D.jpg" alt="勇士打猛龙" title="好球" height="300" width="300">

• 路径
  ６.1相对路径
  相对于文件自身出发，就是相对路径。
  ◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。
  
  ◆图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称
  
  ◆图片（html）在文件的上一级目录里，…+/+图片（html）名称
  
  ◆图片在文件的上一级的其他目录里，…/文件夹名称/图片名称
  
  ★总结：找到下一级目录（文件夹）的图片（文件）用 /
  跳出当前目录使用…/
  ６.2绝对路径，绝对路径是从盘符开始的
  
• ７超链接
  href 去往的路径（跳转的页面） 必写属性
  title 提示文本 鼠标放到链接上显示的文字
  target=”_self” 默认值 在自身页面打开（关闭自身页面，打开链接页面）
  Target=”_blank” 打开新页面 （自身页面不关闭，打开一个新的链接页面）

<a href="timg%5B10%5D.jpg" title="屠龙勇士" target="_self">屠龙勇士</a>

我写的是图片不打开新页面的超链接，还可以写视频，音乐超链接。

• ７.1锚链接（快速回到页面底部或顶部）
  1.先定义一个锚点
  
  2.超链接到锚点
  
  空链 不知道链接到那个页面的时候，用空链
  
• 压缩文件下载 不推荐使用

<a href="c:\desktop\2.zip">压缩包</a>

７.4超链接优化写法

<base target="_blank"> 

让所有的超链接都在新窗口打开
８另存为 ctrl+shift+s
９特殊字符（特殊字符都有其含义，不能直接打字符输出）

• 列表
• 无序列表

<ul>
    <li>开拓者</li>
    <li>火箭</li>
    <li>快船</li>
</ul>

type=”square” 小方块
Type=”disc” 实心小圆圈
Type=”circle” 空心小圆圈
默认就是实心小圆圈
设置个空心小圆圈的列表：

<ul type="circle">
    <li>开拓者</li>
    <li>火箭</li>
    <li>快船</li>
</ul>

• 有序列表

<ol>
    <li>雄鹿</li>
    <li>76人</li>
    <li>活塞</li>
</ol>

◆type=”1,a,A,i,I” type的值可以为1,a,A,i,I
start=”3” 决定了开始的位置。

<ol type="I" start="3">
    <li>雄鹿</li>
    <li>76人</li>
    <li>活塞</li>
</ol>

• 自定义列表

<dl>
 <dt>勇士：</dt>    小标题
  <dd>库里</dd>   解释标题
  <dd>杜兰特</dd>   解释标题
</dl>

• 音乐标签
  自动播放型，播放登峰造极境

<embed src="The Glitch Mob _ Mako _ The Word Alive - RISE 登峰造极境.mp3" hidden="true" >

• 滚动（弹幕）----放在文本里面滚动文字
  

 <marquee>勇士总冠军</marquee><br>
    <marquee>垃圾勇士，垃圾格林，杜软蛋</marquee><br>
    <marquee>小卡牛逼</marquee><br>