1.标记
1.<常规标记>（双标记）
- <标记></标记>
- <标记 属性=”属性值” 属性=”属性值”></标记>
- 标记也可叫标签或元素
eg.<head></head> <div style=””></div>
2空标签（单标签）
<标记/>
<标记 属性=”属性值”/>
eg.<br/>（表示换行）
2.编码
Meta charset
ASCII-美国信息交换标准代码
ISO-8859-1-拉丁字母表的字符编码
GB2312-汉字编码符集
UTF-8-Unicode万国码字符编码
3.html的常用标签
1.文本标题
eg.<h1></h1>
<h2></h2>
一共只有六级标签
注：文本标题标签自带加粗，有自己的文本大小，而且独占一行，有默认间距
2.段落标签
<p>段落文本内容</p>
标识一个段落（段落与段落之间有段间距）
3.换行（br）
<br/>
换行是一个空标记（强制换行）
4.水平线
<hr/>空标记（添加水平线）<hr align=”left”>(靠左)<hr align=”right”>(靠右)
<hr noshade>(去除阴影)
5.加粗有俩个标记（推荐strong）
<b>加粗内容</b>只是显示加粗
<strong>强调内容</strong>突出的文本
6.倾斜有俩个标记（推荐em）
<em>强调文本</em>
<i>倾斜文本</i>
7.删除线有俩个标记（推荐del）
<s>文本</s>删除线
<del>文本</del>删除线
8.扩展
<u>文本</u>下划线
<sub></sub>下标
<sup></sup>上标
4.特殊符号
| 特殊符号 | 解释 |
| 尖角号 | &It;左尖角号< |
| >右尖角号> | |
| 空格 |  该空格占据宽度受【字体】影响明显而强烈 |
| &emsp占据的宽度正好是1个中文宽度，且基本上不受字体影响 | |
| 版权 | ©© |
| 商标 | ™&trade ®® |
5.div和span标签
div标签，没有具体含义，用来划分页面的区域，独占一行。
span标签，没有实际意义，主要应用在于文本独立修饰的时候，内容有多宽就占有多宽的空间距离。
6.列表-有序列表
| 无序列表 | 有序列表 | 自定义列表 |
| <ul> <li>无序列表</li> <li>无序列表</li> </ul> 注：<ul>里面只能放<li>, <li>内部可以放其他标签。 ul默认前面的是黑色的实心圆。 <ul type=””>可以改变实心圆。 Eg.disc（默认)circle(空心圆)square(方块)none(无，用的最多) | <ol type=”A” start=”4”> <li>有序列表</li> <li>有序列表</li> </ol> type类型 start开始 注：<ol>标签内只能存在<li>,<li>中可以随意放标签。 <ol type=”” start=””>type表示标签的类型，start只能是数字 | <dl> <dt>可以是文字也可以图</dt> <dd>相关文字</dd> </dl> 注：<dl></dl>内部最好放一份<dt>和<dd>。 |
7.图片标签
同在一个根目录下
<img src=”code.png”>
<img src=”./code.png”>
根目录下新建一个存放图片的文件夹(picture)
<img src=”picture/code.png”>
<img src=”./picture/code.png”>
<img src=”图片路径” title=”鼠标悬停上去之后提示信息” alt=”图片不显示之后（加载失败）的提示信息” width=”200px” height=”200px”>
路径分类：绝对路径，相对路径
- 绝对路径
绝对路径是指文件在硬盘上真正存在的路径。
注：绝对路径在实际的开发过程中很少去使用，如果使用“E：\book\网页布\代码\第二章\bg.jpg”来指定背景图片的位置，在自己的计算机上浏览可能会一切正常。但是上传到web服务器上浏览就很有可能不会显示图片了，绝对路径可以使用“\”或“/”字符作为目录的分隔字符。
8.超链接
<a href=”路径” title=”鼠标悬停上去后的提示信息” target=”规定在何处打开文档”>内容</a>
Target属性：规定在何处打开文档。
A.target=”_self”默认值
B.Target=”_blank”新窗口打开
9.table表格的基本结构
Eg.<table>--创建表格
<tr>--表示行
<td>1</td>--表示列
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
表格属性
- width宽度--（宽度可以为px或者%（相对于父元素的））
- height高度
- border添加边框
- backgroundcolor背景颜色
- align=”left or right or center”水平对齐
- cellspacing=”单元格与单元格之间的间距”
- cellpadding=”单元格与内容之间的空隙”
行tr属性
- height高度
- background背景颜色
- align=”left or right or center”文字水平对齐
- Valign=”top or middle or bottom”文字垂直对齐
列td属性
1.height高度--如果一个单元格的设置宽度，影响的是这一整个列的高度
2.width宽度--如果一个单元格的设置宽度，影响的是这一整个列的宽度
3.background背景颜色
4.align=”left or right or center”文字水平对齐
5.valign=”top or middle or bottom”文字垂直对齐
表格合并列：Colspan=”所要合并的单元格的列数”必须给td
表格合并行：Rowspan”所要合并的单元格的行数”必须给td
10.表单标签
<form method=”get or post” action=”向何处发送表单数据”>
<input/>
1.属性type定义输入框的类型（让input表单设置不同的形态）
a.文本框type=”text” （定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符） 密码框type=”password”（该字段中的字符被掩码）
b.提交框type=”submit”和<button>提交按钮</button>一样（能够自定义内容value=””）（将表单数据发送到服务器）
c.按钮框type=”button”单纯的按钮
d.重置框type=”reset”清空的效果（重置输入内容）
2.属性placeholder描述输入字段预期的简短的提示信息。兼容到IE8以上(用户提示信息)。
3.属性name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器（定义input元素的名称）。
4.属性value，由用户自定义，规定input元素的值。
5.属性checked，规定此input元素首次加载时应当被选中。（单选按钮和复选框，主要作用一打开页面，就可以默认选中某个表单元素）
6.属性maxlength，表示正整数，规定输入字段中的字符的最大长度。（用户可以在表单元素输入的最大字符数，使用较少）
7.属性radio，定义单选按钮。
8.属性checkbox定义复选框。（如果单选框或者复选框是一组，必须给他们命名相同的名字）
9.属性file定义输入字段和“浏览”按钮，供文件上传
10.属性hidden定义隐藏你给的输入字段
11.属性image定义图像形式的提交按钮
</form>
Form当中method的post和get的区别
- get是从服务器上获取数据，post是向服务器传送数据。
- get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段--对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。
- 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。
- get传送的数据量较小，不能大于2KB。Post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4（Internet Information Service互联网信息服务）中最大量为80KB，IIS5中为100KB
11.表单控件（表单元素）
在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
- input输入表单元素
- Select下拉表单元素
在页面中，如果有多个选项让用户选择，而且想要节约页面空间时，我们可以使用<select>标签控件定义下拉列表。
语法：
<select>
<option>...</option>
<option>...</option>
<option>...</option>
</select>
- <select>中至少包含一对<option>
- 在<option>中定义selected=”selected”时，当前项即为默认选中项
- textarea文本域元素(最小为三行)
使用场景：当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用<texarea>标签。
在表单元素中，<texarea>标签是用于定义多行文本输入的控件。
使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。
语法：
<texarea rows=”3” （最小为3 ）cols=”20”>
文本内容（能够添加文本内容）
</texarea>
1)通过<texarea>标签可以轻松地创建多行文本输入框。
2)Cols=”每行中的字符数”，rows=”显示的行数”，实际开发中不会使用，都是通过CSS来改变大小
4.<label>标签
<label>标签为input元素定义标注（标签）。
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。
语法：
<label for=”sex”>男</label>
<input type=”radio” name=”sex” id=”sex”/>
核心：<label标签的for属性应当与相关元素的id属性相同>
1265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
