九、HTML语言
HTML语言：用文本表示，带有特殊标签（双尖括号）的超文本标记语言。
1、骨架结构（html为根标签）
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
2、HTML标签分类
双标签：<标签名>内容</标签名>
单标签：img、br、hr、base（可以设置整体链接的打开状态）
3、标签关系
嵌套关系：html是所有标签的父标签
并列关系
4、文档类型（!DOCTYPE html）：html5的版本号
5、UTF-8：包含全世界所有国家需要用到的字符
6、标签的属性（特性）attribute
<标签名 属性1=“属性值1” 属性2=“属性值2”> 内容 </标签名> （键值对 key=value的形式）
6.1 标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
6.2 属性之间不分先后顺序，标签名与属性之间，属性与属性之间必须以空格隔开，class属性中，多类名用空格隔开，style行间属性中，各个属性之间用；隔开。
6.3 任何标签的属性都有默认值，省略该属性则取默认值。
7、HTML标签
7.1排版标签
标题标签、段落标签（默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行）、水平线标签（<hr />）、换行标签（<br />）
div（division的缩写，分割、分区的意思）、span标签是没有语义的，网页布局中常用到的2个盒子
7.2文本格式化标签：加粗（b、strong）、倾斜（i、em）、下划线（u、ins）
7.3图像标签
<img src="图片的来源路径" /> src为必须属性
|
属性 |
属性值 |
描述 |
|
src |
URL |
图像的路径 |
|
alt |
文本 |
图像不能显示时的替换文本 |
|
title |
文本 |
鼠标悬停时显示的内容 |
|
width |
像素 |
设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
7.4链接标签
<a herf="跳转去往的网页路径">链接文本</a> herf为必须属性 target属性：_self为当前窗口、_blank为新窗口
外部连接：必须以http:// 开头
内部链接：只需写上页面名称就可以了
锚点定位：<a herf="#id名">链接文本</a> 定位到id对应的位置
base标签：设置所有a标签链接的打开方式（<base target="_blank" />）
7.5特殊字符标签
空格：
7.6注释标签
单行注释：ctrl+/
多行注释：ctrl+shift+/
<!-- 注释内容-->
8、路径
8.1 同一级路径：html文件和图像文件在同一个文件夹里，只需要输入图像文件的名称即可。例如<img src="logo.png" />
8.2同一级路径：图像文件位于html文件的下一级文件夹，输入文件夹名和文件名，之间用“/”隔开。例如<img src="images/logo.png" />
8.3上一级路径：图像文件位于html文件的上一级文件夹，在文件名之前加入“../”，如果是上两级，则需要使用“../../”，依此类推。例如<img src="../logo.png" />
9列表：无序列表（ul）、有序列表（ol）、自定义列表（dl）
无序列表：<ul></ul>中只能嵌套<.li></li>,<li></li>之间相当于一个容器，可以容纳所有元素
自定义列表
<dl>
<dt>定义标题</dt>
<dd>定义描述、解释</dd>
<dd>定义描述、解释</dd>
</dl>
10表格：用来处理表格式数据
一、表格table的属性
1.width宽 2.height高 3.表格的边框宽度
4.cellpadding 设置单元格与单元格之间的空白距离。
5.cellspacing 设置单元格边框与单元格内容之间的空白距离。
二、单元格td的属性(不包含th)
1.colspan跨列合并2.rowspan跨行合并
11表单：目的是用于收集用户信息
表单构成：
1表单域：form标签被用于定义表单域，即创建一个表单，以实现用户数据的收集和传递，form中的所有内容都会被提交给服务器
<form action="demo_form.php" method="get" name="">
</form>
属性
1.action在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的URL地址
2.method用于设置表单数据的提交方式（get/post），发送的数据都是以 name=value键值对的发送。以字符串的形式拼接在接口地址之后
3.name用于指定表单的名称，以区分同一个页面中的多个表单（每个表单都应该有自己的表单域），input标签的中的name是前后端自定以的约定好的字符。必须填写
2提示文本、
3表单控件：input控价 button textarea select
1控件属性
1.value：input控件中的默认文本值
2.name：控件的名称，由用户自定义，通常同一种类型的表单控件使用同一个名称（radio、checkbox），其中radio是单选框只能选其中一个，需要定义相同的name值。即同一组控件，要用相同的name值
3.checked：定义选择控件默认被选中的项，checked="checked"属性设置单选框/复选框的默认选中项，在下拉菜单option中，selected="selected"设置了下拉框的默认选中项
2label标签：lanel标签为input元素定义标注，for属性规定label与哪个表单元素绑定
作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入焦点。
