HTML初识
HTML(Hpyer Text Markup Language的缩写)译为“超文本标签语言”，用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体、一个文件跳转到另外一个文件，与世界各地主机的文件连接。
HTML的作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。
HTML骨架格式
HTML标签分类
HTML标签：带有’<>’符号的元素。主要有2种标签：双标签和单标签。
HTML标签关系
并列关系、父子关系、孙子关系。
文档类型
字符集
UTF-8是目前最常用的字符集编码方式，常用的字符集编码包括：gb2312、GBK（包含繁体字）、UTF-8
HTML标签的语义化
HTML常用标签
排版标签
标题标签
、
、
、
、
、
段落标签
水平线标签
换行标签
Div span标签
aaaaeeee
Div、span 有2个盒子。
文本格式化标签
、:文字以粗体方式显示、:文字以斜体方式显示、：文字以加删除线方式显示、：文字以加下划线方式显示
图像标签（重点）
<img />标记属性
| 属性 | 属性值 | 描述 |
| src | URL | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| borde | 数字 | 设置图像边框的宽度 |
链接标签
href:用于指定链接目标的url目标，当为标签应用href属性时，它就具有了超链接的功能。
target:用于指定链接页面的打开方式，其取值self和blank两种，其中self为默认值，blank为在新窗口中打开方式。
PS:
- 外部链接 需要添加http://baidu.com
- 内部链接
- 如果没有确定链接，href属性值定义为”#”，表示该链接暂时为一个空链接
- 不仅可以创建文本超链接，在网页中各种网页元素。
锚点标签（难点）
通过创建锚点链接，用户能够快速定位到目标内容
1、使用”a href=”#id名 “链接文本 /a”创建链接文本：个人生活2、使用相应的id名称注跳转目标的位置：个人
Base标签
<base target=”_blank”>:base可以设置整体链接的打开状态。
特殊字符标签（理解）
| 特殊字符 | 描述 | 字符的代码 |
|
| 空格符 |
|
| < | 小于号 | < |
| > | 大于号 | %gt; |
注释标签
<!-- 首页-->
相对路径和绝对路径（重点、难点）
相对路径：
- 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src=”logo.gif”>。
- 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用”/”隔开，如<img src=”img/img01/logo.gif”>
- 图像文件位于HTML文件的上一级文件夹：在文件名之前加入”../”，如果是上两级，则需要使用”../../”,以此类推，如<img src=”../logo.gif” />
绝对路径：
“D:\web\img\logo.gif”，或完整的网络地址，例如：http://www.itcase.cn/images/logo.gif
列表标签
无序列表ul（重点）
- 苹果
- 香蕉
- 苹果
- 苹果
有序列表（了解）
- 苹果
- 香蕉
- 苹果
- 苹果
自定义列表（理解）
- 重庆
- 渝北区
- 江北区
- 沙坪坝区
- 南岸区
表格table（会使用）
创建表格
| 单元格内的文字 |
<table>eee</table>:用于定义一个表格
<tr>eee</tr>:用于定义表格中的一行，必须嵌套在table标签中，在table中包含几对tr，就有几行表格。
<td>eee</td>:用于定义表格中的单元格，必须嵌套在<tr>aaa</tr>标签中，一对<tr>ddd</tr>中包含几对<td>dd</td>,就表示该行中有多少列。（或多少个单元格）
PS:<tr>eee</tr>中只能嵌套<td>ddd</td>,<td>ddd</td>标签，就像一个容器，可以容纳所有的元素。
表格属性
表格属性
| 属性名 | 含义 | 常用属性值 |
| border | 设置表格的边框（默认border="0"无边框） | 像素值 |
| cellspacing | 设置单元格与单元格边框之间的空白间距 | 像素值（默认为2像素） |
| cellpadding | 设置单元格内容与单元格边框之间的空白间距 | 像素值（默认为1像素） |
| width | 设置表格的宽度 | 像素值 |
| height | 设置表格的高度 | 像素值 |
| align | 设置表格在网页中的水平对齐方式 | left,right,center |
表头标签
表头标签：aaa 单元格标签：bbbb
表格结构（了解）
cccc
定义表格的头部，位于<table>eee</table>之中：<thead>cccc</thead>。一般包含网页的logo和导航等头部信息。
qqq
定义表格的主体，位于<table>eee</table>之中，一般包含网页中除头部和底部之外的其他内容。
表格标题
表格标题：caption
caption标签必须紧随table标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
合并单元格（难点）
跨行合并：rowspan 跨列合并：colspan
合并单元格的思想：将多个内容合并的时候，就会有多余的东西，把它删除。例如把3个td合并成一个，就多余了2个 ，需要删除。
公示：删除的个数=合并的个数-1
合并顺序：先上 先左
总结表格
- 表格提供了HTML中定义表格式数据的方法
- 表格中由行中的单元格组成
- 表格中没有列元素，列的个数取决于行的单元格个数
- 表格不要纠结于外观，那是css的作用
表单标签（掌握）
Input控件
<input />标签是单标签，type属性是最基本属性，其取值有多种，用于指定不同的控件类型。
| 属性 | 属性值 | 描述 |
| type | text | 单行文本输入框 |
| password | 密码输入框 | |
| radio | 单选按钮 | |
| checkbox | 复选框 | |
| button | 普通按钮 | |
| submit | 提交按钮 | |
| reset | 重置按钮 | |
| image | 图像形式的提交按钮 | |
| file | 文本域 | |
| name | 由用户自定义 | 控件的名称 |
| value | 由用户自定义 | input控件中的默认文本值 |
| size | 正整数 | input控件在页面中的显示宽度 |
| checked | checked | 定义选择控件默认被选中的项 |
| maxlength | 正整数 | 控件允许输入的最多字符数 |
Label标签
Label标签为input元素定义标注（标签）。
作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入焦点。
For 属性规定label与哪个表单元素绑定。
Textarea控件（文本域）
如果需要输入大量的信息，就需要用到<textarea cols=”每行中的字符数” rows=”显示的行数”>文本内容</textarea>
下拉菜单
<select></select>中至少应该包含一对<option></option>,在option中定义selected=”selected”时，当前项即为默认选中项。
表单域
Form表单用于创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：
action属性用于指定接收并处理表单数据的服务器程序的url地址。Method用于设置表单数据的提交方式，其取值为get或post;name用于指定表单的名称，以区分同一个页面中的多个表单。