欢迎加入QQ讨论群258996829
麦子学院 头像
苹果6袋
6
麦子学院

入门HTML5必备教程

发布时间:2016-08-14 19:39  回复:0  查看:2479   最后回复:2016-08-14 19:39  

HTML5是前端避讳技术之一,也是现在大势所趋。希望这篇文章能够帮助一些刚入门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个,由h1h6,越来越小</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的取值rectcirclepoly-->

<map name="map 名称">

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

</map>

</body></html>


无序列表/有序列表

语句:


<ul>

    <li>无序列表</li>

    <li>可通过type属性来设置列表样式</li>

    <li>具体的值为discCirclesquare</li></ul><ol >

    <li>有序列表</li>

    <li>可通过type属性来设置列表样式</li> 
<li>还可以用start设置排列的起点数值</li> 
</ol>


audio(音频)/video(视频)

audio标签的语法与video标签的语法相同,只是属性方面videoaudio多了几个,下面我会详细的列出来

语句:

<audiocontrols="controls">
当标签无效时,会出现这段字!

    <source src="song.ogg" type="audio/ogg">

    <source src="song.mp3" type="audio/mpeg"></audio>

入门HTML5必备教程


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> 定义表格单元

入门HTML5必备教程


<iframe> 内嵌框架

语句:

<iframe src="URL" name="框架名"> ~ </iframe>

网站上的广告大多数就是使用了内嵌框架

入门HTML5必备教程


hidden

hiddenHTML全局属性,标签中出现该属性,则隐藏标签,然后可使用 JavaScript 来删除 hidden 属性,使该元素变得可见。

<p hidden>这是一段隐藏的段落。</p>



原文来自:博客园/

您还未登录,请先登录

热门帖子

最新帖子