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

HTML5初学总结

时间:2016-08-04 23:02:14      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

基本标签的使用

<!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=”链接打开方式(_blalnk,_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。

下面是video比audio多的属性

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

设置视频播放器的宽度。

height 设置视频播放器的高度度。
muted 规定视频的音频输出应该被静音。

 

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)

HTML5初学总结

标签:

原文地址:http://www.cnblogs.com/n-b-s-p/p/5738498.html

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