菜鸟笔记——html整理
1.常用标签
<hr/> 水平线标签
<!-- This is a comment --> 注释 //多行注释可以设置快捷键
<big> 定义大号字。
<small> 定义小号字。
<i> 定义斜体字。italic
<em> 定义着重文字。emph
// I是Italic(斜体)，而em是emphasize(强调)。
// <em> 标签修饰的内容都是用斜体字来显示。
<b> 定义粗体文本。
<strong> 定义加重语气。
//<b>标签是一个实体标签，它所包围的字符将被设为bold（粗体），
//<strong>标签是一个逻辑标签，它的作用是加强字符的语气，一般来说，
加强字符的语气是通过将字符变为bold（粗体）来实现的。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。 //下划线
<del> 定义删除字。 //删除线
<q> 定义短的引用。浏览器通常会为 <q> 元素包围引号。
<blockquote> 定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。
<dfn> 定义项目或缩写的定义。ex:<dfn title="World Health Organization">WHO</dfn>
2.命名锚的语法
<a name="tips">基本的注意事项 - 有用的提示</a>
1.在同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>
2.在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
3.块标签、行标签
块标签：块级元素在浏览器显示时，通常会以新行来开始（和结束）。
例子：<h1>, <p>, <ul>, <ol>, <dl>, <table>, <div>
行标签：内联元素在显示时通常不会以新行开始。
例子：<b>, <td>, <a>, <img>, <span>
4.表格、框架、列表
/****** 表格的使用 ******/：
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
/****** 框架的使用 ******/
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
/****** 列表的使用 ******/
<ul type="disc"> //circle、square
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul> //无序列表
<ol start="1">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol> //有序列表
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl> //自定义列表
5.响应式 Web 设计（Responsive Web Design）
（后续更新）
6.URL
http://www.w3school.com.cn/html/index.asp
遵守以下的语法规则：
scheme://host.domain:port/path/filename
解释：
-
scheme - 定义因特网服务的类型。最常见的类型是
1.http 超文本传输协议——以 http:// 开头的普通网页。不加密。
2.https安全超文本传输协议——安全网页。加密所有信息交换。
3.ftp 文件传输协议——用于将文件下载或上传至网站。 -
host - 定义域主机（http 的默认主机是 www）
-
domain - 定义因特网域名，比如 w3school.com.cn
-
:port - 定义主机上的端口号（http 的默认端口号是 80）
-
path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。
-
filename - 定义文档/资源的名称
7.常用符号
8.表单form
<form> 元素（HTML 表单）——用于收集用户输入。
HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
表单元素：
1.<input> 元素
2.<select> 元素 下拉列表 //<select name="city">
<option value="guangzhou">广州</option>
<option value="shenzhen">深圳</option>
</select>
3.<option> 元素 定义待选择的选项
4.<textarea> 元素 定义多行输入字段（文本域）
5.<button> 元素 定义可点击的按钮 //<button type="button" "alert('Hello World!')">点击我！</button>
// HTML5 增加了如下表单元素：
<datalist> //<datalist> 元素为 <input> 元素规定预定义选项列表。
<keygen>
<output>
<input> 元素的输入类型：
1.<input type="text"> 定义供文本输入的单行输入字段
2.<input type="password"> 定义密码字段(password 字段中的字符会被做掩码处理（显示为星号或实心圆)
3.<input type="submit"> 定义提交表单数据至表单处理程序的按钮
4.<input type="radio"> 定义单选按钮
5.<input type="checkbox"> 定义复选框（复选框允许用户在有限数量的选项中选择零个或多个选项）
6.<input type="button> 定义按钮
// HTML5 增加了多个新的输入类型：
<input type="color"> 用于应该包含颜色的输入字段（根据浏览器支持，颜色选择器会出现输入字段中。）
<input type="email"> 用于应该包含电子邮件地址的输入字段（根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。）
<input type="range" min="0" max="10"> 用于应该包含一定范围内的值的输入字段（根据浏览器支持，输入字段能够显示为滑块控件。）
<input type="tel"> 用于应该包含电话号码的输入字段。
<input type="number"> 用于应该包含数字值的输入字段。
<input type="url"> 用于应该包含 URL 地址的输入字段
<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）。
以下均有时间选择器：
<input type="time"> 允许用户选择时间（无时区） // 时分秒
<input type="date"> 用于应该包含日期的输入字段 // 年月日
<input type="datetime"> 允许用户选择日期和时间（有时区）
<input type="datetime-local"> 允许用户选择日期和时间（无时区） // 年月日时分秒
<input type="week"> 允许用户选择周和年
<input type="month"> 允许用户选择月份和年份
<input> 元素的输入属性：
value 属性规定输入字段的初始值
readonly 属性规定输入字段为只读（不能修改）
disabled 属性规定输入字段是禁用的，被禁用的元素是不可用和不可点击的，被禁用的元素不会被提交
size 属性规定输入字段的尺寸（以字符计）
autocomplete 属性规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。autocomplete="on/off"
autofocus 属性规定当页面加载时 <input> 元素应该自动获得焦点。
required 属性如果设置，则规定在提交表单之前必须填写输入字段。required 属性适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.
9.视频、音频
最好的 HTML 解决方法
HTML 5 + <object> + <embed>
<video width="320" height="240" controls="controls">
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
<source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240" />
</object>
</video>
<audio controls="controls" height="100" width="100">
<source src="song.mp3" type="audio/mp3" />
<source src="song.ogg" type="audio/ogg" />
<embed height="100" width="100" src="song.mp3" />
</audio>
/* 文章内容大部分摘自w3s 如侵删 */