1.HTML页面架构：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
2.HTML常见标签：
<1>meta标签
META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>和<title>之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。(meta-information)比如针对搜索引擎和更新频度的描述和关键词。例如作者、日期和时间、网页描述、页面刷新等。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。
设置网站关键字
meta name="keywords" content=""警"色正好,"云"上启航" />
页面描述
meta name="description" content="这是一个云警毕业生的线上招聘会"
<2>link标签
link是支持浏览器文档与外部资源的关系。
<3>script标签
<script> 标签用于定义客户端脚本，比如 JavaScript。<script> 元素既可包含脚本语句，也可以通过 src 属性指向外部脚本文件。
注释
<!-- 内容--> 不显示不执行
<p>这是段落的文本</p>
<4>标题标签
3.HTML文本属性：
<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u> 下划线
<sup></sup>上标
<sub></sub>下标
<del></del> 删除线
<font></font> 规定字体属性
size 字体的大小
color 字体颜色
<pre></pre>代码样式原样输出
<br>换行
<hr>是网页程序的标签语言，<hr> 标签在 HTML 页面中创建一条水平线
4.from表单：
<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。method 提交的方法有 get、post。
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。
<5>lable标签
<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<6>input标签
name：同样是表示的该文本输入框名称。
size：输入框的长度大小。
maxlength：输入框中允许输入字符的最大数。
value：输入框中的默认值
readonly：表示该框中只能显示，不能添加修改。
<lable for="username">与后面的id="username" 相对应，作用是当鼠标点击用户名或者密码，邮箱之类的字，并没有点在框里，却可以显示在框里输入
input的类型
type=password 密码输入框
type=file 文件上传
type=hidden 隐藏域
button 按钮
checkbox 复选框
radio 单选框
type=submit 提交按钮
type=reset 重置按钮
编写文件上传页面：
enctype 属性可能的值
application/x-www-form-urlencoded（常用）
multipart/form-data（常用）
text/plain（文本）
<7>a标签
<a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。
默认就是self
_self：用于在当前选项卡中跳转，也就是不新建页面跳转
<a href="http://www.baidu.com" target="self">百度</a>
_blank ：用于在新的选项卡中跳转，也就是新建页面跳转
<a href="http://www.baidu.com" target="_blank">百度</a>
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
5.锚文本
<a href="#2">锚点</a>
<a name="2">锚点</a>
<p name='top'></p>与最后的<a href="#top">返回顶部</a> 当点击页面最后的返回顶部时，就可以返回顶部
<9>img标签
img 元素向网页中嵌入一幅图像。从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
alt 规定图像的替代文本。(当图片没有时，就会出现1来代替图片)
src 规定显示图像的url
width 规定图片的高度
height 规定图片的宽度
<10>table标签
<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。
<caption>我的标题</caption>表格带标题
border 边框
width 宽度
height 高度
colspan 合并行
rowspan 合并竖
<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白
6.无序列表：
当在ul里加入type="none"，就可以把内容前面的黑点去掉
项目符号：square circle disc
正方形实心：
空心圆心： 
实心黑点：
7.有序列表：
当啥也没有时，会默认为数字列表，也可以使用
小写字母： 
大写字母：
小写罗马数字：
大写罗马数字： 
8.框架的使用：
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性。frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里
<11>iframe标签
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
<12>frame标签
<frame> 标签定义 frameset 中的一个特定的窗口（框架），frame 一般都是在frameset中使用。
rows 定义框架集中行的数目和尺寸
cols 定义框架集中列的数目和尺寸
也可以用
一样效果
scrolling 滚动条
auto 在需要的情况下出现滚动条（默认值）。
yes 始终显示滚动条（即使不需要）。
no 从不显示滚动条（即使需要）
可以发现网页是有滚动条的，可以使用如下操作来删除搜狗的滚动条
<13>target标签
<a> 标签的 target 属性规定在何处打开链接文档。如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。
<14>textarea标签
<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
框架：
点击添加文章就显示
点击文章列表就显示
代码编写如下：
index.html（主网页）
top块，main块：
left块：
add.html（添加文章里的内容）
artlist.html（文章列表里的内容）
2015
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
