[注]----部分知识点顺序不对建议,ctrl+f查看所需知识点
站点：简单理解为就是一个文件夹，用来收纳所有的文件
网站的建站流程： 1.注册域名 2.租用空间 3.网站建设 a.确定网站主题 b.搜集资料 c.规划网站 d.制作页面 4.网站推广 5.网站维护
网页的组成： 1.结构 主体框架 xhtml xml 2.表现 网页的样式 css 3.行为 交互功能 js
w3c：万维网联盟，最具有权威和影响力的非盈利性的组织，制定了结构标准和样式标准；
EMCA：欧洲电脑网商联合会（厂商协会），制定了行为标准
HTML：是超文本标记语言，www万维网的描述性语言
html5：html的第五次重大修改（第5个版本）
建立站点的作用： 1.规划网站的所有内容和代码 2.整合资源
文件的命名规范： 1.小写英文字母，数字，下划线的组合 2.其中不能包含汉字，空格和特殊符号 3.必须一英文字母开头，不能以数字开头 4.见名知意 5.驼峰命名法（匈牙利命名法） 大驼峰命名法 BoxName 小驼峰命名法 BoxName
html语言组成：
标签：也叫做元素，标记
对标签（常规标签）：
<标签 属性 = “值”> </标签>
单标签（空标签）
<标签 属性=“值” />
常用标签：
h1-h6：标题标签，文本加粗变大，依次变小，独占一行，h1在一个页面中有且仅有一个，其他的可以多次出现
i/em：倾斜的效果，i是视觉效果，em是斜体字，em具有强调作用
b/strong：加粗的效果，b是视觉效果，strong是粗体字，strong具有强调作用
u:下划线标签，在一行显示
br：换行标签
hr：水平线
sup：上标
sub：下标
p：段落标签，独占一行，不能嵌套独占一行的元素，只能放文本，图片即在一行显示的元素
span：文本节点标签，在一行显示，通常结合css展示视觉效果
div：盒子标签，独占一行，用来搭建页面结构
ul > li:无序列表标签，独占一行，默认小黑点修饰，通常用来做导航，列表
type="修饰符号"
disc 小黑点
circle 空心圆
square 实心方块
【注】一般不用
ol > li:有序列表标签，独占一行，默认阿拉伯数字修饰，通常用来做导航，列表
type="修饰符号"
1
a A
i I
start="起始位置"
dl > dt + dd:自定义列表，独占一行，在一个dl中只能有一个dt，多个dd，通常用来做双导航
a:超链接标签，实现页面与页面之前的跳转，在一行显示，文本默认蓝色带有下划线
herf="跳转地址"
# 空地址
target="跳转方式"
_self 默认值 在当前窗口刷新
_blank 不断打开新的窗口
_new 在新窗口中刷新
title="鼠标悬停时的提示信息"
【注】更加偏向给用户看
img:图片标签，往页面中插入图片，在一行显示
图片格式:
.jpg 普通格式
.gif 动态图格式
.png 北京透明图
src="图片引入地址"
绝对路径:
从盘符出发
域名地址
相对路径:
src="tupian/1.jpg"
../返回上级目录
./强调在当前目录
alt = "文本提示"
图片加载成功时不显示
图片加载失败时显示
更多的是给搜索引擎查看
少于100个英文字符
必写属性，内容为空也要写
title ="鼠标悬停时的文本提示"
鼠标移入时显示，移出不显示
更多的时给用户查看
不是必须要写的
html特殊符号：（查询html特殊符号）
html注释<!--内容-->
表单： 作用：用来收集用户资料
表单元素：
<form action="提交到哪里去" method="提交方式"></form>
<input type="类型" value="值" name="名字" />、
value="值"
name="名字"
type="text" 单行文本输入框
type="password" 密码框
type="submit" 提交按钮
type="reset" 清空内容
method="提交方式"
get:
1.在地址栏明文提交
2.不安全
3.地址栏有长度限制，有可能造成数据丢失
4.加密也容易被破解，容易被攻击
5.通常提交安全性不高的数据
6.通常提交的数据较短，提交速度快
post:
1.不在地址栏明文提交
2.安全
3.不存在长度限制，不会造成数据丢失
4.加密后基本无法被破解，被攻击也不怕
5.通常提交安全性要求高的数据
6.通常提交的数据较长，提交速度慢
7.向数据库发送数据，会改变数据库数据
表格： 表格的作用：显示数据 table > tr > td :表格 > 行 > 单元格 thead 表头 tbody 表体 tfoot 表尾 【注】表头和表尾只有一个，表体可以有多个 th 单元格标题，文本加粗，上下左右都居中
表格相关属性：
1.width="表格的宽度"
2.height="表格的高度"
3.border="表格的边框"
4.bgcolor="背景色"
5.bordercolor="边框颜色"
6.cellspacing="单元格与单元格之间的间距"
7.cellpadding="单元格与内容之间的空隙"
8.水平对齐方式：align="left/center/right"
9.垂直对齐方式：valign="top/middle/bottom/baseline"
10.合并单元格属性：
colspan="所要合并的单元格的列数"合并列，左右合并
rowspan="所要合并单元格的行数"合并行，上下合并
新增：
1.border-spacing：单元格之间的间距
【注】必须给table添加
2.border-collapse：是否合并为单边距
separate 默认值
collapse：合并为单边距
3.table-layout：表格布局算法
auto 自适应
fixed 固定
4.empty-cells:单元格无内容时是否显示；
show 显示 默认值
hide 隐藏
5.caption：表格标题标签
【注】
caption-side：设置标题的位置
top bottom ie7+ 识别 ie7只识别top
left right 只有火狐识别
6.colgroup：列分组标签
span 几列为一组
col:列分组标签细化，写在colgroup标签里面
rule="组分隔线"
groups 组分隔线
rows 行分隔线
cols 列分割线
all 行和列的分隔线
none 没有分隔线
【注】只能给table添加
表单：收集用户的资料
input:表单元素
value="值"
name="名字"
disabled="disabled"禁用
enabled="enabled"可用
checked="checked"选中
type="元素类型"
text 单行文本输入框
password 密码框
submit 提交按钮
reset 重置按钮
button 普通按钮
radio 单选按钮
【注】同组的单选按钮的name值需要一致，进行互斥
checkbox 多选按钮
file 文件上传域
【注】multiple="multiple" 可以上传多个文件
image 图片提交按钮
【注】src="图片地址" 是一个图片形式的提交按钮
hidden 隐藏文本框，上传隐藏的值
button:提交按钮
select > option:下拉菜单 > 选项
selected="默认选中"
textarea：多行文本输入框
cols="字符宽度"
rows="行数"
【注】默认可以拖拽大小
resize：none；禁止拖拽大小 （css）
label:关联标签
【注】for = "被关联的标签的id值"
fieldset > legend:表单字段集 > 表单字段级标题
【注】在一个fieldset中，只有一个legend，不能出现多个legend
h5语义化标签：
section元素 表示页面中的一个内容区块
article元素 表示一块与上下文无关的独立的内容
aside元素 表示在article之外的，与article内容相关的辅助信息
header元素 表示页面中一个内容区块或整个页面的标题
footer元素 表示页面中一个内容区块或整个页面的脚注
nav元素 表示页面中导航链接部分
figure元素 表示一段独立的流内容，使用figcaption元素为其添加标题（第一个或最后一个子元素的位置）
main元素 表示页面中的主要的内容（ie不兼容）
音视频标签：
video 视频标签
audio 音频标签
src="视频地址"
controls="controls" 显示控件
autoplay="autoplay" 自动播放
muted="muted" 禁音属性
loop="loop" 循环播放
poster="第一帧图像地址"
【注】音频没有
source 备份文件
src="文件地址"
视频格式
type="vedio/webm" type="vedio/ogg" type="vedio/mp4"
音频格式
type="audio/ogg" type="audio/mpeg"
智能表单：
新增表单类型:
input:
type="color”生成一个颜色选择的表单
type="tel”唤起拨号盘表单
type=search”产生一个搜索意义的表单
type=“range”产生一个滑动条表单
type="number”产生一个数值表单
min="最小值"
max="最大值"
step="步长" 点击一次增减的数值
type=“email”限制用户必须输入email类型
multiple="multiple"当填写多个邮箱地址时,需要用逗号隔开Type=“url”限制用户必须输入url类型
type="date”限制用户必须输入日期
type="month”限制用户必须输入月类型
type=week”限制用户必须输入周类型
type="time”限制用户必须输入时间类型
type=“datetime-local”选取本地时间
datalist > option 提供选项列表
id="关联的input的list值"
【注】option属性永远要设置value值
相关属性:
min="最小值"
max="最大值"
step=“步长"
required=“必填选项"
multiple="选中,填写多个"
placeholder="提示信息"
autofocus="光标聚焦"
list="关联的datalist标签的id值"
autocomplete="是否记录历史记录"
空 on 记录
off 不记录
pattern="正则表达式"
