HTML基础

HTML基本标签
1.标题：h标签
h1标题只能出现一次
2.段落：p标签
段落独占一行
3.other：
换行标签：br标签
水平线：hr标签
标识预定义文本：pre标签
pre元素可定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，
而文本也会呈现为等宽字体
4.字体样式：font face:设置字体格式
5.文本格式化：
b和strong标签设置文本粗体
i和em标签设置文本为斜体
big：字体放大
small：字体缩小
sub:下标
sup:上标
del:删除文本
ins:添加文本
6.图像：img 标签
height与width属性用于设置图像的高度和宽度
alt属性用来为图像定义一串预备可以替换的文本
src:图片路径
title：鼠标放到图片上，提示文本
width:图片宽度
height:图片高度
border:图片边框
7.链接：
title:定义元素的替换文本
target:属性
_blank:在新窗口中打开链接文档
_parent:在父框架集中打开被链接文档
_top:在整个窗口中打开被链接文档
_self:默认值 在相同框架中打开被链接文档
8.锚链接:连接到当前页面地址
需起一个锚名称，可以是ID或者name
href=""值为要连接的锚链接名称，以#号开头
9.列表：
1)无序列表
ul标签标识无序列表
li表示列表项目
type取值：
disc:默认值，表示实体圆心
square:表示实体方心
circle:表示为空心圆

ol:标识有序列表
li:标识列表项目
type取值：
A:使用大写作为项目符号
a使用小写作为项目符号
1使用数字作为项目符号
I 使用大写I作为项目符号
i 使用小写i作为项目符号

10.HTML头部和主体
1)meta是HTML中的元标签,对应了HTML的相关信息，客户端浏览器会根据这些信息进行处理.
作用:搜索引擎优化
定义页面使用语言,自动刷新并指向新的页面,为网站添加关键词、描述内容、作者。
2)Link标签定义了文档与外部资源之间的关系
Link标签通常用于链接到样式表
3)style标签:定义网页的内部样式
4)script
5)background:设置body背景图片
background-repeat：设置图片平铺属性，默认no-repeat 不平铺
&nbsp：代表空格
&gt:表示大于号
&lt:表示小于号
引号(")："
版权符号©：©

11.HTML表结构
HTML表结构:从语义结构上划分表格为：表头、表主体、表尾
table标签标识表格标签
tr标签标识行标签
td标签标识单元格标签
th标签标识表格头部标签
border标识表格边框属性
width属性设置表格宽度
bgcolor属性设置表格背景颜色
background属性设置表格的背景图片
caption：表格的标题
thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾部分
cellpadding:表格中内容和单元格之间的距离
cellspacing:表格中单元格和单元格之间的距离
在默认情况下，如果不设置表格的边界，表格不显示边界的，可以用border属性设置表格边框

thead标签标识表格头部元素
tbody标签标识表格表体元素
tfoot标签标识表格表尾元素
colspan:跨列(合并列）
rowspan:跨行(合并行)
表格嵌套：表格可以嵌入一个表格，html所有标签都可以嵌入

12.表单
form表单的属性
Name:表单的识别名称。通过表单的名称来辨认页面提交的是哪个表单的数据。
Action:处理表单程序的地址。action=“index.html”
Method:将表单中的数据提交到服务器的方法。Method是常用的两个取值get和post
get方法：默认的一种传递数据的方法(查询用get)
特点:
1.通过地址来传递表单中的数据
2.不能传递敏感的数据,如:密码
3.不能传递大量的数据,每次只能传递1024字节
4.不能上传附件。
post方法:不是通过地址传递数据,数据传给文件处理程序。（增删改用post）
特点:
1.相对安全
2.可以传递海量的数据
3.能上传附件
何时使用get和post?
1.如果表单提交是被动的(比如搜索引擎查询),并没有敏感信息。
当你使用get时,表单数据在页面地址栏中是可见的。比如：search.html?name=john&age=25
注：get最适合少量数据的提交，浏览器会设定容量限制。
2.如果表单正在更新数据，或者包含敏感信息。如：密码
则使用Post的安全性更好，因为在页面地址栏中被提交的数据时不可见的。

input标签：
表单元素：指不同类型的input元素。表单最重要的作用是获取用户信息。需要在表单中加入表单项。
语法：
常用的元素类型type:
text:单行文本框 (用户名)
textarea:多行文本框
password:密码文本框
submit:提交按钮
image:图片按钮
reset:重置按钮，重设表单内容。
button:普通按钮
hidden:隐藏元素
radio:单元按钮
checkbox:复选框
file:文件域
select:列表框
使用上传必须改一下表单的enctype=“multipart/form-data”
1.maxlength:type为text 或 password 时，输入的最大字符数
2.maxlength:限定输入最大字符数
3.value：元素初始值，type 为 radio时必须指定一个值
4.name:标识表单元素的名称。
5.checked=“checked”：type为radio或checkbox时，指定按钮是否是被选中

login：
form表单中enctype属性可以用来控制对表单数据的发送前的如何进行编码
form表单中enctype属性的三种类型:
1.application/x-www-form-urlencoded 默认类型
发送前会编码所有字符，即在发送到服务器之前，所有字符都会进行编码
2.multipart/form-data不对字符编码，用于发送二进制的文件，其他两种类型不能用于发送文件
3.text/plain用于发送纯文本内容，空格转换为 “+” 加号，不对特殊字符进行编码，
一般用于email之类的