文章目录
网页
什么是网页
HTML文件
什么是HTML
超文本标记语言，描述网页的一种语言
网页的形成
网页是由网页元素组成的，这些元素是利用HTML标签描述出来，然后通过浏览器解析来显示给用户的。
常用浏览器
常用浏览器
IE、火狐、Google。。。五大浏览器
浏览器内核
读取网页内容，整理讯息，计算网页的显示方式并显示网页
目前国内一般浏览器采用webkit/blink内核
web标准（重点）
web标准由W3C（万维网联盟）组织和其它标准化组织制定的一系列标准的集合。
web标准的构成
结构（对网页元素进行整理和分类）、表现（外观样式）、行为（交互）
HTML标签（上）
HTML语法规范
基本语法
html 、 br /
标签关系
包含关系、并列关系
基本结构标签
HTML标签（根标签) 、head头部、title标题、boby主体
开发工具
vscode的使用
生成页面骨架结构：输入！按下Tab键
vscode插件使用
Open in browser 安装
Auto rename tag 安装
安装完重启！
文档类型生明标签
!DOCTYPE html（声明html版本显示网）
lang 语言种类（提示作用）
万国语：meta charset=“UTF-8”/
标签语义
使页面结构更加清晰
标题标签h1-h6:加粗、变大、单独一行显示
段落和换行标签
段落p：根据浏览器宽度自动换行，段落之间有间隙
强制换行标签br /
文本格式化标签：粗体strong、b、斜体em、i、删除线del、s、下划线ins、u等
常用标签
盒子，用来装内容的，用来布局的div、span
分割、分区div:大盒子，一个人独占一行
跨距、跨度span>：小盒子，一行可放多个
图像标签
单标签<img src="图像的Url”/>
src必须属性（图片必须和网页文件放在一起）
alt替换文本：当图片显示不出来时用文字替换
title提示文本：鼠标放到图像上，显示文字
width图像宽度：width=“500”
height图像高度：heigth=“100”
宽度和高度一般修改一个，另一个定比例缩放
border边框：border=“15”
注意点：
属性放到标签名后面
属性间不分顺序
标签名与属性、属性间用空格隔开
属性采取键值对的格式
图像标签和路径
路径（铺垫知识）
目录文件和根目录（打开目录文件的第一层）
vscode打开文件（文件拉进来）、删除目录
路径
相对路径/：引用文件所在位置，图片相对html页面的位置
同一级路径、下一级路径（/)、上一级路径（出几个文件用几个…/)
绝对路径: 电脑中的那个位置
网络中的绝对地址，使用图片链接
超链接标签
超链接语法格式：
href必须属性：指定目标的url地址
target：连接页面的打开方式
默认的值 __self 当前窗口打开页面)
_blank新窗口打开页面
链接的分类：
外部链接：http://
内部链接：直接链接网页的链接
空链接：href=“#”
下载链接：href=“exe或者zip等压缩包形式”
网页元素的链接：对元素（文本、图片音频、视频等）添加超链接
锚点链接：可以快速到达网页中的位置
href属性中属性值为 #名字 的形式，如
<a href="#two">第二季</a>
找到位置标签，里面添加一个id属性=刚才的名字,如
<a id=two>第二季介绍</a>
注释和特殊字符
注释
给程序员看的：!–文本–或者ctrl+/
特殊字符： ；（空格）
HTML标签（下）
表格标签
表格主要作用：显示、展示数据
表格基本语法
定义表格中的标签table
定义表格的行（必须嵌套在table标签中）tr
定义表格中的单元格（必须嵌套在tr标签中）td
td指表格数据，即数据单元格的内容
表头单元格标签
表头部分th：加粗、居中显示
表格属性
这些属性需要写到table标签中
对齐方式align、表框border、内容与边框间的距离cellpadding、单元格之间的空白cellspacing、表格的宽、高度width、height
表格结构标签
thead：表格的头部区域，必须有tr标签
tboby：表格的主体区域
合并单元格
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
目标单元格：（写合并代码）
跨行：最上侧单元格为目标单元格
跨列：最左侧单元格为目标单元格
删除多余的单元格
列表标签
列表就是用来布局的，整齐、整洁、有序、自由、方便
无序列表（重点）：ul li
各个列表项之间没有等级之分，是并列的
ul中只能放li标签
li里面可以放任何标签
无序列表会带有自己的样式属性，实际使用时，我们会使用css来设置
有序列表（理解）
标签ol用来定义，并使用li标签
ol标签只能放li标签，li相当于一个容器，可以容纳所有的元素，带有自己的样式属性
自定义列表（重点）
对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号
标签dl包括dt dd
di标签里面只能包含dt和dd
dt和dd没有个数限制，经常是一个dt对应多个dd
表单标签
用于收集用户信息
组成：表单域、表单控件（也称为表单元素）和提示信息
表单域：包含表单元素的区域
使用form标签会把它范围内的表单元素信息提示交给服务器
action属性，接受并处理表单数据的服务器程序的url地址
method，用于设置表单数据的提交方式，其取值为get或post
name，指定表单名称，区分同一页面中的多个表单域
表单元素：允许用户在表单中输入或者选择的内容控件
input单标签，type必须属性，设置不同值来输入不同属性元素，如text、password、radio、checkbox
name属性，是表单元素名字，这里性别单选按钮必须有相同的名字name，才可以实现多选一，给后台使用
value属性，规定input的元素值，给后台使用
checked，规定此input元素首次加载时应当被选中
maxlength（一般使用较少），正整数，规定输入字段中的字符的最大长度
submit，提交按钮，点击后提交表单域内容给后台
reset，清除表单内容，还原初始默认状态
button，按钮，后期搭配js使用
file，文件域，上传文件使用
label标签，增加用户体验，绑定一个表单元素，当点击label标签内文本时，光标自动跳转到对应表单元素上
select下拉表单元素，在页面送有多个选项让用户选择，并且想要节约空间
option标签，至少包含一个，写入文本内容
selected=“selected”时，当前项即为默认选中项
textarea，文本域元素，输入内容较多时，留言板、评论
cols，一行写多少字，rows显示行数
写在最后：本博客属于个人笔记整理，以实用、复习为主，因为写csdn不太熟练，甚至标签都没有加<>,还有首行缩进等未处理，如有需要原版，评论或者私聊我==！，另外欢迎大家对内容提出见解！！！