html笔记

HTML的基础知识
Html（Hypertext Marked Language）是超文本标记语言
超文本：不仅仅表示文本的信息，还可以表示音视频，格式等等
Doctype html 文档说明
HTML的基本结构

标题标签：
h1~h6 h1最大 h6最小

段落标签
P标签 标识页面的一个段落，自动换行

链接标签
a标签 作用是跳转：页间跳转 页内跳转
（1） 页间跳转
百度
href：指定连接的URL地址
target：当前页面的打开方式
打开方式：（1）_self：在当前页面打开 默认
（2）_blank：在新的页面打开
title：指定提示信息（当鼠标悬停的时候）
（2）页内跳转
在目标标签出指定 id=”…” 在连接处指定href=”#…”
Id属性是页面元素的唯一标识
锚点：anchor

图片标签
Img 在网页中嵌入图片
Src：图片资源的URL地址 可以是本地的 也可以是远程的

Alt属性：当资源不存在时 替代显示的文字内容
Title：鼠标悬停的位置信息
路径：
相对路径
…/表示上一级目录
./表示当前目录
绝对路径
列表标签
无序列表
Ul(无序列表)> li(列表项)
Type属性：
Disc：实心圆
Circle：空心圆
Square：实心的正方形
有序列表
Ol（有序列表）>li
Type属性取值：1　 Aａ i　 ii　 iii I II III
Start 属性：指定从第几个开始

列表的嵌套
自定义列表
dl（自定义列表）>dt（列表项的标题）>dd（列表项的描述）
dt 和dd 平级关系

表单
什么是表单？收集用户的信息并提交后台服务器
Form
action：指定提交的地址
method：指定提交的方式
提交方式（1）get（2）post
只有加了name属性标签元素才会提交到服务器
get和post的区别
（1） 长度：get的方式限制为2k字符
（2） 安全性：get方式提交的数据会直接呈现在地址栏，敏
感数据会被截获。

required：required属性用于提交时.如果元素中内容为空白,则不允许提交,文本框
pleaseholder:占位符

Maxlength：指定文本框能接受的最大字符个数
Size：指定文本框大小（尺寸）
Value:指定初始值
密码框：

码框和文本框是一样的 文本框属性同样适用于密码框，唯一不同的是密码框以掩码的形式显示内热 保证其安全性
Label

（1） 可以单独设置相应的样式
（2） For可以使之与某个input关联 点击文本会激活相对应的input

提交按钮

（1） 点击按钮之后跳转到form表单对应的action
（2） Value属性：value的值就是按钮上显示的字
（3） 点击按钮将form表达中的input里name属性值（键）和用户输入的值组成了键值对，拼接到form表单action属性值的后面
（4） Username是键名 xiaoming是键值 多个参数用&分割

重置按钮reset

（1） 点击按钮 重置表单内部的输入框
（2） Value属性：value的值就是按钮上显示的文字
单选按钮radio

如果需要将若干个单选按钮编为一组 我们需要设置相同的name属性
Name名字相同才能互斥
如果需要默认选中某个选项 需要加上checked属性
标签属性的表现形式
（1） 键值对：属性名=属性值
Type=“text” name=“role”
（2） 一些取值为布尔类型的属性直接使用属性名就可以
（3） Checked readonly
多选按钮

普通按钮button

点击按钮 没有任何的fanying
图片按钮image

（1） 作用和submit按钮是一样的‘
（2） 需要设置src属性的值 如果说src对应的路径没有找到图片 （设置了alt属性显示alt属性的值，如果没有设置alt属性，按钮显示默认值：“提交”）类似img标签
标签
（1） 内容可以是任意资源（eg：图片 段落 视频…）
（2） 当button标签放在form内部 作用和submit一样

文件选择框

accept属性：指定可选文件的类型
上传文件需要指定对应表达的属性

下拉列表

标签下定义了一个下拉列表

标签定义了下拉列表的一个选项 标签的name属性定义了提交的参数名 标签的内容定义了该选项显示的文本 Value属性定义了选中该选项时传递的参数值 比如选择河南提交： 

Multiple属性可以实现多选，按住CTRL+单击 可以选择多个
Select标签size属性定义了下拉列表框显示选项的个数 当小于实际选项个数时 会自动增加一个滚动条
可以使用进行分组

的lable属性定义分组显示的文字 disable设置了该分组不可用 textarea textarea 主要为了方便用户输入较多的文字信息。 rows编辑区域的行数 cols编辑区域的列数 

隐藏域
当需要向服务器传递参数 该参数无需用户输入 甚至不想让用户看见 就可以使用隐藏域

table和div
表格

表格的组成部分：标题 表头 主体 表尾
定义一个表格：table
定义表格的标题：caption
定义表头部分：thead
定义表格主体（数据）部分：tbody
定义表尾，一般显示汇总信息tfoot
定义一行：tr
定义一个单元格：td/th
th:一般用于表头部 有加粗的样式
td：一般用于表格主体部分，没有加粗样式
td的rowspan和colspan分别定义了单元格跨行的行数，跨列的列数
cellspacing ：表格与表格的间距
cellpadding：表格与内容的间距

div

div定义了一个分块
显示特点：在新的一行显示
块级标签：div p h1~h6 列表标签（ul ol li dl dt dd ）form table
行内标签：span a lable
行内块：img input select button

块级元素的特点：

1， 每个块都是从新的一行开始，后面的元素会另起一行（霸道）
2， 元素的宽度，高度，行高，内外边距都可以设置
行内元素的特点：

1. 和其他元素都在一行上
2. 不能设置 宽度 高度 内外边距
   行内块的特点：
   1， 可以和其他元素在一行
   2， 元素的高度，宽度，行高，内外边距都可以设置