HTML5初学总结
基本标签的使用
<!doctype html> <!--这是HTML5的申明,大小写都可以--> <html> <head> <title>标题</title> <meta charset=”utf-8” /> <!--设置页面编码--> <meta name=”keywords” content=”关键字1,关键字2,…" /> <meta name="description" content="内容介绍" /> </head> <body> <br /> <!--换行符--> <p align=”right”>这是一个向右对齐的段落</p> <h1>标题文本是有6个,由h1至h6,越来越小</h1> <b>定义粗体文本</b> <i> 定义斜体文本 </i> <del>定义删除文本</del> <sup>定义上标字</sup> <sub>定义下标字</sub> <a href=”URL” title=”链接提示信息” target=”链接打开方式(_blank,_self,_top)”>超链接</a> <a href=”mailto:邮箱地址”>邮件链接</a> <a href=”tel:电话号码”>一键拨打</a> <a href="sms:139xxxxxxx">一键发送短信</a> <img src="URL" width="宽度" height="高度" alt="替代文字" usemap="#map 名称" /> <!--图像热区(shape的取值rect,circle,poly)--> <map name="map 名称"> <area shape="形状" coords="坐标值" href="URL" /> </map> </body> </html>
无序列表/有序列表
语句:
<ul> <li>无序列表</li> <li>可通过type属性来设置列表样式</li> <li>具体的值为disc,Circle,square</li> </ul> <ol > <li>有序列表</li> <li>可通过type属性来设置列表样式</li>
<li>还可以用start设置排列的起点数值</li>
</ol>
audio(音频)/video(视频)
audio标签的语法与video标签的语法相同,只是属性方面video比audio多了几个,下面我会详细的列出来
语句:
<audiocontrols="controls">
当标签无效时,会出现这段字! <source src="song.ogg" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> </audio>
属性 | 说明 |
autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop |
如果出现该属性,则每当音频结束时重新开始播放。 |
preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果 使用 "autoplay",则忽略该属性。 |
src |
要播放的音频的 URL。 |
muted |
规定视频的音频输出应该被静音。 |
下面是video比audio多的属性 |
|
poster | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 |
width |
设置视频播放器的宽度。 |
height | 设置视频播放器的高度度。 |
table表格
语句:
<table border="1"> <tr> <th>row 1, cell 1</th> <th>row 1, cell 2</th> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
<table> 定义表格
<th> 定义表头
<tr> 定义表格的行
<td> 定义表格单元
属性 | 说明 |
width | 指定表格的宽度 |
height | 指定表格的高度 |
align | 指定对齐方式 |
valign | 垂直排列方式 |
cellpadding | 指定边框与内容之间的空白 |
cellspacing | 指定单元格之间的空白 |
colspan | 合并列单元格 |
rowspan | 合并行单元格 |
border | 指定表格边框的宽度 |
<iframe> 内嵌框架
语句:
<iframe src="URL" name="框架名"> ~ </iframe>
网站上的广告大多数就是使用了内嵌框架
属性 | 说明 |
width | 指定框架的宽度 |
height | 指定框架的高度 |
scrolling | 是否显示滚动条(yes,no,auto) |
frameborder | 是否显示边框(1, 0) |
hidden
hidden是HTML全局属性,标签中出现该属性,则隐藏标签,然后可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。
<p hidden>这是一段隐藏的段落。</p>