HTML5初学总结

最新推荐文章于 2024-09-11 15:33:18 发布

ammhzm4257

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量56

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/n-b-s-p/p/5738498.html

版权

基本标签的使用

<!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>

转载于:https://www.cnblogs.com/n-b-s-p/p/5738498.html

ammhzm4257

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫