HTML(HyperText Markup Language),是一门超文本标记语言，是一种纯文本类型的语言。
（1）meta,是一种单标记标签，必须以“/”结束，它表示的是元数据标记，不仅可以定义数据类型，也可以定义字符集(字符编码)charset，如“<meta name="keywords"content="网站制作"/>”;此外，name值也可以为"description"描述，也可以为"author"作者。
（2）utf-8与gb2312区别是什么？
utf-8是一种新的编码类型，作为多语言的集合，而gb2312编码类型只能表示中文。（注意：若改为utf-8后依然显示了乱码，应该查看该html网页的文件保存类型，必须也为utf-8）
（3）分区：块内分区，行内分区
a、块内分区：主要表示为块内元素，p标签，div标签，h1-h6标签等;
b、行内分区：主要表示为span标签，b加粗标签，i斜体标签，s删除线，u下划线等。(后边的几个字母标签xhtml中并不经常使用)。xhtml推荐使用的标签为：strong加粗，em斜体，sub下标，sup上标(注意：p为up上，b为below下)
（4）转义字符
html中的转义字符：a、空格 ＆nbsp; b、版权信息 ＆copy;
c、数字商标 ＆reg;
d、左尖括号 ＆lt; e、右尖括号 ＆gt;
f、预语义格式化标签类似于tab键 pre标签
g、<br />表示换行;<nobr />表示不换行的内容。
（5）URL
url,统一资源定位器，用来标识网络中的任何资源。在文本、图像或其他超文本即路径，指的是从当前位置到目标位置所经过的路线。
（6）路径
路径在web页面有三种方式：绝对路径、相对路径、根相对路径。
(1)绝对路径：文件从最高级目录下开始的完整路径(即完整url组成，分为协议、主机名、目录路径、要链接的文件名)
(2)相对路径：指向一个可以从当前目录出发找到该文件的路径，
有两种情况——
a.当前文件与目标文件在同一个目录下，即直接写目标文件路径，如img src="logo.png"
b.目标文件在当前文件的子文件目标下面，即把目录添1，如img src="image/logo.png"
c.若目标文件在当前文件目录下的向上好几级，则可以用"."表示，一个符号表示向上一级，多个为多级，如img src="../image/logo.png"，表示目标文件在当前文件的上一级目录;若img src="../../image/logo.png",表示在上上一级目录的子目录里。
总结：一般来说，用相对路径指向本地站点的文件;用绝对路径指向其他站点的文件。
（7）锚点链接
链接——a href="路径" name(href="#nam")
锚点链接：也称为命名锚记，
当用name属性为a标记命名后，可以在href里指定链接的目标为命名过的a进行标记处理;此外也可以用于指向一个id。通常用于比较长的文献用于指向目标位置。
（8）表格
tr：a、align——设置水平对齐（left/center/right） b、valign（top/middle/bottom）
td：a、... b、...（同上）
c、width d、height
e、colspan（设置单元格跨列） f、rowspan（设置单元格跨行）
——如“<td colspan="3">表示横跨了3列”
行分组：
表格<table></table>可以划分为3个部分，表头、表主体、表尾，如下：
<thead>...</thead>
<tbody>...</tbody>
<tfoot>...</tfoot>
注意：在“...”里边存放“<tr></tr>”
（9）列表
a、有序列表——ul、li
b、无序列表——ol、li
c、列表——dl、dd、dt
区别：
a、ul：无序列表，也就是说没有排列限制可以随意加li
b、ol：就绪列表，会按照写的li前后依次排列
c、dl：定义列表，会默认前后层级关系
（10）结构标记
<body>
<div id="header">
页头部分内容
</div>
<div id="main">
页面主体部分内容
</div>
<div id="footer">
页脚部分
</div>
</body>换个结构来讲，以“header——section——footer”
<body>
<header>
页头部分内容
</header>
<section>
页面主体部分
</section>
<footer>
页脚部分
</footer>
</body>续（1）——
a、header：页头、文档头
b、section：页面主体、文档主体
c、nav：导航
d、aside：侧边栏
e、article：文章
f、footer：底部
<body>
<header>Flower</header>
<nav>
<ul>
<li><a href="#">Rose</a></li>
<li><a href="#">Kity</a></li>
<li><a href="#"></a></li>
</li>
</nav>
<section> //左侧栏——内容1
<img src="image/rose.png" alt="rose" />
...内容...
</section>
<article>
...内容...
</article>
<aside>侧边栏——内容2
...
</aside>
<footer>
<ul>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</footer>
</body>
表单用于显示、收集信息，并提交信息到服务器
A.表单属性——
action：动作，表单提交到哪去
method：方式/方法
enctype：表单数据的编码方式
name：表单的名称
a、method表单提交的方式——get、post
二者区别：
get：系统默认的方式（用于一些简单的搜索框）
post：将表单所有的数据打个包，进行发送（用于一些邮箱等安全保密提交等）
b、action——动作，一般表示提交的地址
B.表单input的属性——
disabled：禁用
readonly：只读
required：必须填写（不兼容低版本IE）
C.select下拉列表
对应下边的option不定义value，传值的时候传一对；
用option标记中间的文字。
select属性——multiple：菜单可多选
selected：定义菜单项默认选中
（12）小案例：个人信息
<h1>修改个人信息</h1>
<form>
<table border="1px" bordercolor="black" cellspacing="0" width="800px" />
<tr>
<td height="40px">姓名：</td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td height="40px">性别：</td>
<td>
<input type="radio" name="sex" value="male"/>男
<input type="radio" name="sex" value="female"/>女
</td>
<!--注意：单选按钮中必须name值相同，其次value是区分二者的属性-->
</tr>
<tr>
<td height="40px">爱好：</td>
<td>
<input type="checkbox" name="like" value="music" checked="checked"/>音乐
<input type="checkbox" name="like" value="art" />美术
<input type="checkbox" name="like" value="read"/>书法
<input type="checkbox" name="like" value="sport"/>运动
<input type="checkbox" name="like" value="playing"/>旅游
</td>
</tr>
<tr>
<td height="40px">学历：</td>
<td>
<select name="xueli">
<option value="other">其它</option>
<option value="zhuan">专科</option>
<option value="ben" selected="selected">本科</option>
<option value="shuo">硕士及以上</option>
</select>
</td>
</tr>
<tr>
<td height="40px">意向工作城市：</td>
<td>
<!--select的属性：name、size、multiple表示允许多选，仅适用于多行菜单
selected加在option上，定义菜单默认已选中
-->
<select name="city" size="5" multiple="multiple">
<option>请选择意向城市</option>
<option>北京</option>
<option>上海</option>
<option>广州</option>
<option>成都</option>
<option>西安</option>
</select>
</td>
</tr>
<tr>
<td height="40px"></td>
<td><input type="submit" value="保存" /></td>
</tr>
</table>
</form> （13）控件分组标记——field
<field>
<legend>
....
</legend>
</field>（14）文本域——textarea
<textarea>文本域默认值</textarea>
cols：列数（宽）
rows：行数（高）
（15）其他标记元素
a、iframe：浮动框架
在页面中使用iframe元素，设置iframe元素的src属性，指向其他页面的url
<iframe src="1.html" width="600px" height="400px"></iframe>
b、details：用于描述文档或文档某个部分的细节。
其次，与summary标签配合使用可以为details定义标题。
c、meter：定义度衡量
比如用于表示投票人数的比例、磁盘的使用量或者统计比例等。
常用于静态比例的显示（已知最大值、最小值）
案例——磁盘
磁盘1：
<meter min="0" max="100" value="60" title="60%"></meter>d、time：时间元素
<time datetime="2012-12-3T3:00">2012年的第一场雪</time>e、mark：用于标记特定的字符高亮显示
<mark>国足必胜</mark>
677
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
