HTML标签

118 阅读1分钟

HTML

标签

<dl></dl>定义列表

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

<a></a>链接

  • target属性控制如何跳转
  1. target="_self"用于当前页面跳转
  2. target="_blank"用于在新的页面跳转
  • title属性控制鼠标悬停显示的提示文字

<img/>图片

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

<audio></audio>音频

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

<video></video>视频

<input>

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

<textarea></textarea>超文本

<select><datalist>的区别

  1. select的下拉菜单是供用户选择,用户只能选择其中选项,不能自己添加
<select>
    <option value="上海">上海</option>
    <option value="北京">北京</option>
    <option value="杭州">杭州</option>
</select>
  1. 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>

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

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

<cite></cite>对参考文献的引用,比如文章或杂志的标题(斜体效果)

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

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

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

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