基本标签的使用

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

HTML5初学总结的更多相关文章

HTML5初学篇章_4
HTML5的表单所有type类型(补第一章) 类型说明 button 定义可点击的按钮(大多与 JavaScript 使用来启动脚本) checkbox 定义复选框. color 定义拾色器. da ...
HTML5初学篇章_3
表单的标签是<form>,它使页面与客户的互动成为可能.而它的大部分元素字自HTML2.0后就没有再改变过,由此可见这是一个多么具有卓越性的设计. <form>标签是用于创建供 ...
HTML5初学笔记
今天学习了下HTML5的基本知识,用画笔在画布上画了几个东西,效果如图,相关代码如下,注意点总结在末尾: <!DOCTYPE html> <html> <head> ...
HTML5初学---坦克大战基础
让小球动起来,根据键盘的W(上),D(右),S(下),A(左):键的点击移动小球 <!DOCTYPE html> <html> <head> <meta ch ...
初学HTML5、初入前端
学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...
初学HTML5系列三：事件
Window 事件属性针对 window 对象触发的事件(应用到 <body> 标签): 属性值描述 onafterprint script 文档打印之后运行的脚本. onbefor ...
初学HTML5系列二：HTML5新增的事件属性
Window事件属性: 属性值描述 onafterprint script 文档打印之后运行的脚本. 属性发生于用户设置页面打印并且打印对话框已出现之后. onbeforeprint scri ...
初学HTML5系列一：简单介绍
最近很闲,就想着学点东西,然后就瞄中了html5,以前只看过很简单的一些,这次是系统的学下,顺便也记录下.废话不多说,开始正题. 稍微介绍下html5,html5是W3C和WHATWG 合作的结果. ...
初学HTML5
Document 什么是HTML5? 首先了解html:html即超文本语言,这是一种语法简单.结构清晰的语解析型文档,他不同于其他的编程语言. html5就是html网页标记语言的第五次重大更新产 ...

随机推荐

软件开发中的完整测试所包括的环节UT、IT、ST、UAT
软件开发中的完成测试环境所包括的环节包括:UT.IT.ST.UAT UT = Unit Test 单元测试 IT = System Integration Test 集成测试ST = System T ...
CodeForces 19D Points（线段树+map）
开始想不通,后来看网上说是set,就有一个想法是对每个x建一个set...然后又想直接建立两重的set就好,最后发现不行,自己想多了... 题意是给你三种操作:add (x y) 平面添加(x y) ...
Angular JS 学习之服务(Service)
1.AngularJS中,可以创建自己的服务,或使用内建服务: 2.在AngularJS中,服务是一个函数或对象,可在你的AngularJS应用中使用: AngularJS内建了30多个服务:有个$l ...
仓库如何盘点打印扫描一体PDA盘点机提升库存盘点效率
仓库盘点是对仓储货品的收发结存等活动进行有效控制,保证仓储货品完好无损.帐物相符,确保生产正常进行,规范公司物料的盘点作业.盘点需人工操作,费时费力,PDA盘点机的出现大幅提升了盘点效率,减轻了工作人 ...
【转】Docker网络详解及pipework源码解读与实践
好文必转原文地址: http://www.infoq.com/cn/articles/docker-network-and-pipework-open-source-explanation-prac ...
tidyr包--数据处理包
tidyr包的作者是Hadley Wickham.这个包常跟dplyr结合使用.本文将介绍tidyr包中下述四个函数的用法: gather—宽数据转为长数据.类似于reshape2包中的melt函数 ...
KCF目标跟踪方法分析与总结
KCF目标跟踪方法分析与总结 correlation filter Kernelized correlation filter tracking 读"J. F. Henriques, R. ...
【NOI2016】区间题解
题目大意: 有n个区间,当有m个区间有公共部分时,求m个区间长度的最大值与最小值之差的最小值. 思路: 按区间的长度从小到大排序,可知连续的几个区间最优,则用两个指针指其头尾,线性扫描,再用线段树区间 ...
Leetcode Linked List Cycle II
Given a linked list, return the node where the cycle begins. If there is no cycle, return null. Foll ...
Ubuntu Gnome 14.04.2 lts 折腾笔记
unity感觉不爽,于是来折腾gnome3 = = 首先去官网下载ubuntu gnome 14.04.2 lts的包(种子:http://cdimage.ubuntu.com/ubuntu-gnom ...

HTML5初学总结

hidden

HTML5初学总结的更多相关文章

随机推荐

热门专题