首先了解HTML为超文本语言，其最基本的框架如下代码所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
I.主要框架分为head和body：
<head>中的<title>标签用来编写标题，charset为字符集，常见的包括UTF-8,GBK,GB2312,ISO-8859-1,其中最常用的是UTF-8，其支持中文字符最多，GBK,GB2312也支持中文，ISO-8859-1不支持中文；在<head>中还可以编写CSS样式，JavaScript脚本，这些在后续学习中陆续讲解。
II.<body>标签用于编写网页的主要内容，其中涉及很多标签：
1.<div>标签用于编写一个模块，比较灵活，可以与CSS样式一起使用，展现更好的网页效果，有id，name等属性，id为唯一标识，name常用于前后台交互，这两个属性也是很多标签都有的属性。
2.<a>标签，超链接标签，<a href=”#” target=”” >***</a>，其中href为链接地址，target属性主要有”_self”(在当前窗口打开指定链接)，”_parent”(在父窗口打开当前链接)，”_blank”(新打开一个窗口)，另外在框架集处也有应用。
3.<font>标签用于设置字体的样式，size属性设置大小，face设置字体种类，如”楷体”等。
4.<ul>,<ol>分别为无序列表标签和有序列表标签，
<ul>
<li></li>
<li></li>
</ul>
<li>中写要列出的内容，无序与有序格式相同且可以相互嵌套，无序列表的type属性可以选择square，disc，circle 分别为方形标识，实心圆标识，空心圆标识；有序列表的type属性可以选择数字，字母等，start设置从第几个标识开始，注意此处只能写数字，即第几个。
5.<table>标签，编写表格，<tr>行标签，<td>列标签，<th>列标签。
执行效果：
6.<select>下拉框标签:
<select>
<option value=””>***</option>
<option value=””>***</option>
</select>
其中value用于交互传值，***表示下拉框中的每一项内容。
7.<input type=”” value=”” id=”” name=”” />，该标签中type可以选择text普通文本框，password密码输入文本框，radio单选框，checkbox复选框等。
复选框效果：
单选框效果：
8.<frameset>用于整体框架布局，
效果如下：
rows表示行的高度，表示上下布局；cols则表示列宽，表示左右布局。
frameset可以嵌套使用，注意使用frameset时需要删掉body，二者实现同一类别的功能。
9.<iframe>浮动框架用于动态刷新页面的一部分，写在body标签中，如下图所示：
其中的iframe1.html，iframe2.html，iframe3.html均是只显示图片，效果如下：
通过点击下边的超链接，可以使区域内进行局部刷新，本例中就是更换图片。
114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
