一、HTML介绍
1、html文件的结构：
<html> <head>...</head> <body>...</body></html>
代码讲解：
（1）. <html></html>称为根标签，所有的网页标签都在<html></html>中。
（2）. <head> 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签，头部标签在下一小节中会有详细介绍。
（3）. 在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。
2、标签语法
标签由英文尖括号<和>括起来，如<html>就是一个标签。 html中的标签一般都是成对出现的，分开始标签和结束标签。结束标签比开始标签多了一个/。
3、body标签
<em></em>
标签是斜体
<q></q>
浏览器会对q标签自动添加双引号。<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。
<blockquote>引用文本</blockquote>
<blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。
<address>联系地址信息</address>
联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。
ul-li在网页中显示的默认样式一般为：每项li前都自带一个圆点
有前后顺序的信息列表1、信息 2、信息 。。。。
<div>…</div>
在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个<div>标签中，这个<div>标签的作用就相当于一个容器。
<div id="版块名称">…</div>
table、tbody、tr、th、td
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tbody>…</tbody>：当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
5、<th>…</th>：表格的头部的一个单元格，表格表头。
6、表格中列的个数，取决于一行中数据单元格的个数。
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
<a href="目标网址" target="_blank">click here!</a>
图片
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
4、与浏览器交互---表单
表单
<form method="传送方式" action="服务器文件">
输入框
<input type="text/password" name="名称" value="文本" />
文本域
<textarea rows="行数" cols="列数">文本</textarea>
单选/复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1、type:
当 type="radio" 时，控件为单选框
当 type="checkbox" 时，控件为复选框
2、value：提交数据到服务器的值（后台程序PHP使用）
3、name：为控件命名，以备后台程序 ASP、PHP 使用
4、checked：当设置 checked="checked" 时，该选项被默认选中
下拉菜单
<select>
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
1、value：
2、selected="selected"：
设置selected="selected"属性，则该选项就被默认选中。
下拉菜单多选
<select multiple="multiple">
下拉列表也可以进行多选操作，在<select>标签中设置multiple="multiple"属性，就可以实现多选功能，在 widows 操作系统下，进行多选时按下Ctrl键同时进行单击（在 Mac下使用 Command +单击），可以选择多个选项。
<input type="submit" value="提交">
type：只有当type值设置为submit时，按钮才有提交作用
value：按钮上显示的文字
<input type="reset" value="重置">
type：只有当type值设置为reset时，按钮才有重置作用
value：按钮上显示的文字
<label for="控件id名称">
<label> 标签为 input 元素定义标注（标记）。
注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
补：
<link rel="stylesheet" type="text/css" href="theme.css" />
rel 属性规定当前文档与被链接文档之间的关系。
只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。
HTML5
<meter>进度条
<p>aaa:<meter value="0.8">80% completed</meter></p>
<p>bbb:<meter low="0.25" high="0.75" optimum="0" value="0.21">21% worn</meter</p><p>ccc:<meter min="0" max="10" title="Miles" value="5"></meter></p>
<progress>进度条
<p>ddd:<progress min="0" max="100" title="ddd" value="25">25%</progress></p>
<link>为网站添加图标
<Link rel="shortcut icon" href="图标路径，图标类型为icon">
8823
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
