HTML的基础知识

5大主流浏览器

chrome浏览器 ， 原来内核Webkit ，现在采用的Blink内核
Firefox （火狐）浏览器 ，采用Gecko 内核
Safari 浏览器，采用Webkit内核
Opera （欧朋）浏览器 ，原来内核Presto,现在采用的是Blink内核
IE 浏览器 ： 从用Trident 内核
备注 ： 浏览器的核心部分是 渲染引擎 ，我们习惯叫它浏览器内核 
作用 ： 用于解析代码 ，渲染页面

网页三大组成部分

结构层 ： 网页是由文字、图片、音频、视频等搭建起来的  html
表现层 ： 美化网页，相当于网页的外衣，让网页更漂亮些，增加美观度
css
行为层 ： 写网页特效 （轮播图 、 选项卡、筋斗云 、返回顶部、倒计时、红包雨 …） javascript 简称js

HTML

Hyper Text Markup Language ： 超文本标记语言
超 ： 网页不仅可以放纯文本，还可以放图片、音频、视频、超链接等
标记 ：标识、记号； 又叫标签 ， 可以理解成是一个柜子或者盒子，它是内容的载体（里面装着内容）

常见的html标签–插入图像

语 法 ： <img src="" alt="">
src ： 代表的图像的路径
alt : 代表是图像加载失败给的提示信息
备注 ： 路径 “images/1.jpg”， / 代表的下一级

常见的html标签–网页标题中插入图像

语 法 ： <link rel="shortcut icon" href="images/1.jpg" type="image/x-icon">
href : 代表的图像的路径

常见的html标签–超链接

语法 ： <a href="" target="">去百度</a>
href :
具体线上网址（网址要有协议 ） 本地地址
target： 网页打开方式
_self （默认值） 在本窗口打开
_blank ：在新窗口中打开

常见的html标签–段落标签

语 法 ： <p></p>

常见的html标签–强制换行标签

语 法 ： <br>

常见的html标签– 删除标签

语 法 ： <del><del>

常见的html标签– 绘制水平线

语 法 ： <hr>

常见的html标签– 标题标签

语 法 ： <h1></h1>~<h6></h6>
用途 ：写网页中的标题
特点 ：h1是最大的标题，h6是最小的标题，字号由大到小，并且有加粗效果在里面，h1在一个页面中只能出现一次  ，h2~h6在一个页面中可以出现多次
h1用于写文章页的大标题，或者网页的logo

列表

1.无序列表
语法 ： ul> li
应用场景 ： 新闻列表 导航 商品列表
2.有序列表
语法 ： ol>li
用场景 ：排行榜 分页器 数字轮播点…
3.自定义列表
语法 ： dl >dt + dd dt ： 项目名称
dd : 对项目的说明

表格

表格起初用于做布局用的，现在表格用于显示批量的数据以及报表如果没有内容，单元格的空间是平均分配的
如果有内容，内容越多，单元格分配的空间就越大
table 定义表格
tr : 定义表格中行
td/th :定义表格中的单元格
td : 内容水平居左，垂直居中
th : 内容水平垂直居中并加粗
table标签上的属性border ： 设置边框width : 表格的宽
heihgt: 表格的高
cellspacing :控制单元格与单元格之间的间隙
单元格标签td/th上的属性 ：
width height
rowspan 跨行
colspan 跨列
合并单元格 口诀跨行用rowspan 跨列用colspan
不管跨行还是跨列，操作的都是单元格

html注释

语法 ： <!--注释的内容-->
快捷键 ： ctrl + /
注释的内容不会在页面中进行显示 ，不是给用户看的，它是给程序员自己看的

表单

用途： 用于收录用户的信息表单 ：
语法 ： form 又叫表单域，里面装着表单元素

action: 表单提交的路径 ，如果不写是提交到当前页面
常见的表单元素 ：
1.input系列 ，type属性值不一样，表现的形态也不一样

text ： 文本框
password:密码框
radio :单选按钮 ， 注意 ：name的值要一样，表示他们是一组checkbox : 多选按钮 ，注意 ：name的值要一样，表示他们是一组submit ： 提交按钮，默认的按钮文本是提交，如果想更改，用value 属性进行更改
2.select 下拉列表
语法 ： select > option
3.textarea :文本域
4.信息提示标签
lable 标签
for属性 和 要关联的表单元素 id的值要一样

根据标签的显示模式，可以将标签分为

根据标签的显示模式，可以将标签分为块级标签
eg : div，p，h1,~h6,ul,li,dl,dt,dd,form,table..
特点 ：独占一行 ,可以设置宽高
行内标签
eg : span , a ,del…
特点 ： 不独占一行，并排排列,中间有间隙，不能设置宽高， 它的宽高由内容决定
行内块标签
eg : img,input…
特点： 不独占一行，并排排列,中间有间隙，可以设置宽高

标签的语法

根据标签的书写形式分为 ：
常规标签：有开始标签和结尾标签 eg div,p…
空标签 : 只要开始标签没有结尾标签 eg img br hr…
语法 ：
写在<的第一单词叫标签名
标签名后面的都是属性， 多个属性之间用空格隔开属性是由属性名和属性值组成，中间用=隔开
属性值要加引号