今天复习了一些标签

1.<dl></dl>定义列表

<dl>
    <dt>标题1<dt>
    <dd>内容1</dd>
    <dd>内容2</dd>
    <dt>标题2<dt>
    <dd>内容a</dd>
    <dd>内容b</dd>
</dl>

2.<a></a>链接

• title属性控制鼠标悬停显示的提示文字
• target属性控制如何跳转

1. target="_blank"用于在新的页面跳转
2. target="_self"用于当前页面跳转

3.<img/>图片

1. title：当鼠标滑动到元素上显示
2. alt是img特有属性，是图片无法正常加载时显示

4.<audio></audio>音频

1. controls属性向用户显示控件，比如播放按钮
2. autoplay属性音频在就绪后马上播放
3. loop属性每当音频结束时重新开始播放

5.<video></video>视频

6.<input>

1. type="range"进度条
2. type="number"选择框
3. type="date"选择日期

7.<textarea></textarea>超文本

8.<select>和<datalist>的区别

• select的下拉菜单是供用户选择，用户只能选择其中选项，不能自己添加

<select>
    <option value="上海">上海</option>
    <option value="北京">北京</option>
    <option value="杭州">杭州</option>
</select>

• datalist必须和input、form联合起来使用，input的list属性值要和datalist的id属性值保持一致，不仅可以供用户选择，用户还可以自己输入

<input list="browsers">
<datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
</datalist>

9.<blockquote></blockquote>定义一个摘自另一个源的块引用

<blockquote cite="http://...">文字</blockquote>

10.<cite></cite>对参考文献的引用，比如文章或杂志的标题（斜体效果）

11.<code></code>对文本格式化

12.<q></q>标记一个短的引用

13.<pre></pre>定义预格式化的文本

14.<em></em>表示强调的内容，把名称和其他斜体字区别开来

建议小伙伴们手敲一遍能更好地记住，在写页面结构中比较熟练！