码迷,mamicode.com
首页 > Web开发 > 详细

HTML常用标签

时间:2016-05-31 06:20:28      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:

1.<!DOTTYPE html> 定义此文档为html文件
2.<head> </head> 文档属性,不会显示在页面上
3.<body> </body> 显示页面上所有的内容
4.<meta name="KeyWords" content=" "> 搜索时抓取关键字
5.<meta name="Description" content=" "> 搜索时以一段文字抓取
5.<meta http-equiv="conten-Type" content="text/html;charset=utf-8"> 设置网页编码格式为utf-8
6.<meta http-equiv="refresh" content="3;url=http://baidu.com"> 隔3秒跳到百度页面
7.<!--这是注释--> 注释标签
8.标题:h1-h6 从大到小排列
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
9.<p>段落</p> 同时有多个p标签,结尾换行
<p>这是一个段落</p>
<p>这是另一个段落</p>
10.<blockquote> </blockquote> 引用文本块,前面自动空两格
11.列表标签:
无序标签列表:
例:<ul>
<li>java培训</li>
<li>c++培训</li>
</ul>
有序标签列表:
例:<ol>
<li>java培训</li>
<li>c++培训</li>
</ol>
描述标签列表:用dd来描述dt
例:<dl>
<dt <img src="img/xx.jpg">></dt>
<dd>dd</li>
</dl>
12.<pre></pre> 自定义格式
13.<div></div> 盒模型,通常与css一起用
14.<span>xx</span> 对xx做特殊字处理
15.<button></button> 按钮
16.常用实体字:
&nbsp; 表示空格
&lt; 表示小于号
&gt; 表示大于号
&copy; 表示©(版权)符号
&reg; 表示®(已注册)符号
&amp; 表示&符号
&#151; 表示长破折号
17.<a></a> 超链接
例:<a href="http://baidu.com" title="xx">点击</a>
18.<b>xx</b> 对xx加粗
19.显示图片:
<img src="img/xx.jpg" alt="XX"> 图片挂掉时提示文字“XX”
<img src="img/xx.jpg" title="XX"> 鼠标移上图片时提示文字“XX”
20.插入视频文件:
<video src="video/xx.mp4;" controls="controls"> </video> 表示可以手动控制视频
<video src="video/xx.mp4;" autoplay="controls"> </video> 表示自动播放视频
video 可以换成source,source既支持视频文件也支持音频文件
21.插入音频文件:
<audio src="audio/xx.mp3;" controls="controls"> </video> 表示可以手动控制音频
<audio src="audio/xx.mp3;" autoplay="controls"> </video> 表示自动播放音频
audio可以换成source,source既支持视频文件也支持音频文件
22.插入表格:
<table border="1" cellspacing="0">
<th>我是标题</th>
<tr>我是行</tr>
<td rowspan="2">我是列</td> 跨2行合并单元格
<td colspan="2">我是列</td> 跨2列合并单元格
</table>
23.一个网页嵌套另外一个网页:
<iframe src="http://www.baidu.com"></iframe>

HTML常用标签

标签:

原文地址:http://www.cnblogs.com/czg-123/p/5544494.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!