【前端从入门到精通：第三课：HTML body中常用标签】

body标签中常用的标签

文本与文本格式标签

<p></p>  <!--段落标签-->
<b></b>        <!--加粗-->
<strong></strong>  <!--强调某段文本-->
<em></em>   <!--强调某段文本-->
<i></i>    <!--斜体-->
<br/>    <!--换行-->
<hr />    <!--水平线-->
<u></u>    <!--下划线标签-->
<del></del>    <!--删除线标签-->
<hn></hn>    <!--h族标题标签 n 1 ~ 6-->
<bdo></bdo>    <!--覆盖默认的文本方向 dir="ltr | rtl"  ltr  left to right   rtl right to left-->
<sub></sub>    <!--下标文本-->
<sup></sup>    <!--上标文本-->
<details></details>    <!--交互式控件、可见的或者隐藏的补充细节-->
<summary></summary>    <!--为details定义标题-->
<dialog></dialog>    <!--定义对话框或窗口  open="true"-->
<pre></pre>    <!--原格式输出-->
<figure></figure>    <!--用于对元素进行组合。多用于图片与图片描述组合-->
<mark></mark> <!--标记文本-->
<figure>
    <img src="img.gif" alt="figure标签"  title="figure标签" />
    <figcaption>figure的标题</figcaption>
</figure>
<mark></mark>
    定义带有记号的文本，它会给你要突出显示的文本下加个背景色。
    如：<p>你是<mark>大长腿</mark>吗？</p>

语义化标签

布局中使用
<div></div>           块状元素 代表一个区块  H4
<span></span>       行内元素  H4
<header></header>  头部标签  H5
<footer></footer>  底部标签 H5 
<nav></nav>          导航标签 H5
<address></address> 地址    H5
<section></section> 块状元素   H5
<article></article> 文章标签  H5
<aside></aside>    侧边栏   H5

列表标签

<ul></ul>  无序列表
<ol></ol>  有序列表
<li></li>  为有序或无序列表定义列表项
<dl></dl>  定义列表
<dt></dt>  定义列表中的一个项目
<dd></dd>  为定义列表项作描述

超链接标签

<a></a>
<!--常用属性-->
<!--
    href = "" 用于定义需要跳转页面的地址
    target = "" 定义页面打开的方式
    常用的值：
        _self默认，当前窗口打开链接的文档
        _blank,在新窗口中打开文档
-->
<!--
锚点：快读定位到页面中需要的位置
如何实现
在要到达的a标签中设置id属性，属性名自定义
在点击的a标签的href属性中使用#自定义属性名即可实现关联
-->
<a href="#one">点击跳转的地方</a>
<a id="one">到达的地方</a>

多媒体标签

<img /> 图像标签
    src="要引入图片的地址"
    width="设置图片的宽度"
    height="设置图片的高度"
    alt="当图片加载失败时用于替换的文字信息"
    title="设置标题"
    usemap="关联地图"
<map></map> 定义图像映射(图片带有可点击区域)
    name 定义映射名称 (与usemap属性进行关联)
<area /> 定义映射区域
    shape定义形状
    coords 坐标点
    href 跳转的地址
    target 跳转方式
<audio></audio> 音频标签
    src 引入音频地址
    controls 播放控件
    loop 循环播放
<source />用来加载媒介资源
    src
<video></video>
    controls
    poster 视频在点击播放前用于显示的图片
    loop

<embed /> 用来引入媒体
    src
    width
    height
<progress></progress>  进度条标签
    min 最小值
    max 最大值
    value 当前值
<meter></meter> 定义范围内度量
    min 最小值
    max 最大值
    value 当前值
    low 警告的最小值
    high 警告的最大值
    optimum 良好值