HTML 常用元素

1、换行符：<br />

2、段落：<p>

说明：

属性：align

说明：行对齐方式(left（左）, right（右）, center（居中）)

3、标题:

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

4、文本格式化：

<b>定义粗体文本</b>

<i> 定义斜体文本 </i>

<del>定义删除文本</del>

^{定义上标字}

_{定义下标字}

5、链接

<a href=“URL”> ~ </a>

说明：

href 　　　　定义链接地址

title 　　　　链接提示信息

target 　　    链接打开方式：_blank （新的空白页）、_self （当前页） 、_top（页面顶端打开）

常规应用：

<a href=“http://www.163.com”>外部链接</a>

<a href=“about.html”>内部链接 </a>

其他应用：

<a href=“mailto:邮箱地址”>邮件链接</a>

<a href=“tel:电话号码”>一键拨打</a>

<a href="sms:139xxxxxxx">一键发送短信</a>

6、锚点

说明：锚点标签用于使用户"跳"到文档的某个部分

例：

<a href="#位置名"> ~ </a>

<a name="位置名"> ~ </a>

7、图像

<img src="URL" width="100" height="100" alt="替代文字" />

说明：

src     　　　　       定义图像的url

alt 　　　　　　　 定义图像的替代文本

width 　　　　　　 设置图像的宽度

height 　　　　　　设置图像的高度

 

8、图片相对地址的定义

 

 

说明：

./ 当前目录

../ 回到上一层目录

images/ 进入一层目录

../images/ 回到上一层目录，然后再进入images目录

9、图像热区

<img src="URL"  usemap="# map 名称" />

<map name="map 名称">

<area shape="形状" coords="坐标值" href="URL" />

</map>

说明：

shape 　　　　　　　　　　热区形状(rect（矩形）、circle（圆）、poly（多边形） )

coords 　　　　　　　　　  形状的坐标值

10、音频：audio

说明：带控制器的音频播放器

语法：<audio src="song.ogg" controls="controls"></audio>

属性说明：

autoplay　　 autoplay 　　　　 如果出现该属性，则音频在就绪后马上播放。

controls 　　  controls 　　　　   如果出现该属性，则向用户显示控件，比如播放按钮。

loop　　 　　 loop 　　　　　　如果出现该属性，则每当音频结束时重新开始播放。

preload 　　　preload 　　　　 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果 使用 "autoplay"，则忽略该属性。

src 　　　　　url                 　　要播放的音频的 URL。

10.1、<source>标签

标签说明：

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。

<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

使用type属性：

<video width="320" height="240" controls="controls">

      <source   src=“movie.mp4”  type="video/mp4">

</video>

属性说明：

src     　　　 url                                       　　　　　　　　 　　播放的媒体文件的URL

type      　　视频：video/ogg，video/mp4，video/webm     　　  媒体的MIME类型

     　　　　音频：audio/ogg，audio/mpeg

11、视频：video

说明：带控制器的视频播放器

语法：<video src=“movie.mp4” controls="controls"></video>

属性说明：

autoplay 　　　　　　　　autoplay 　　　　如果出现该属性，则视频在就绪后马上播放。

controls　　　　　　　　   controls 　　　　如果出现该属性，则向用户显示控件，比如播放按钮。

loop 　　　　　　　　　　loop 　　　　　　如果出现该属性，则当媒介文件完成播放后再次开始播放。

muted 　　　　　　　　　muted 　　　　　 规定视频的音频输出应该被静音。

poster  　　　　　　　　　URL 　　　　　  规定视频下载时显示的图像或者在用户点击播放按钮前显示的图像。

preload 　　　　　　　　　preload　　　　 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。

src　　　　　　　　　　　 url  　　　　　　要播放的视频的 URL。

width 　　　　　　　　　　pixels 　　　　　设置视频播放器的宽度。

height 　　　　　　　　　pixels  　　　　　设置视频播放器的高度。

12、HTML实体字符

实体字符	字符实体
大于号（>）	>
小于号（<）	<
引号（“”）	"
注册商标（®）	®
版权（©）	©
&号	&

 

13、列表

13.1、无序列表：

<ul>

<li>……</li>

<li>……</li>

<li>……</li>

</ul>

说明：  

属性  　　 属性值 　　　　说明

Type 　　　　disc（实心圆） 用来设置项目前面的标记

　　　　　　Circle（空心圆）

　　　　　　Square（方形）

13.2、有序列表

<ol >

<li>……</li>

<li>……</li>

<li>……</li>

</ol>

说明：

属性 　　　　属性值            　　　　　　　　说明

type 　　　　1、 a 、 A、i、I        　　　　用来设置项目前面的标记

　　　　　　Start 数值                        　　排序的起点数值

13.3、定义列表

<dl>

<dt>HTML</dt>

<dd>html 是超文本标记语言</dd>

<dt>XHTML</dt>

<dd>可扩展超文本置标语言 </dd>

<dd>表现方式与超文本置标语言（HTML）类似，不过语法上更加严格 </dd>

</dl>

14、HTML表格：

表格由 <table> 标签以及一个或多个 tr、th或td 元素组成。

单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

基本结构：

<table> 定义表格

<th> 定义表头

<tr> 定义表格的行

<td> 定义表格单元

说明：

属性 　　　　　　值 　　　　　　　　　　　　说明

width 　　　　　  px、 % 　　　　　  　　　指定表格的宽度

height　　　　　 px、% 　　　　　　　　　表格的高度

border 　　　　   px 　　　　　　　　　　　指定表格边框的宽度

cellpadding 　　  px 　　　　　　　　　　　指定边框与内容之间的空白

cellspacing　　    px、 % 　　　　　　 　　　指定单元格之间的空白

align 　　　　　 eft、 right 、 center 　　 　　定对齐方式

valign 　　　　　top、 middle 、 bottom  　　垂直排列方式

colspan 　　　　　　　　　　　　　　　　　合并列单元格

rowspan 　　　　　　　　　　　　　　　　　合并行单元格