HTML知识点整理

1.HTML介绍
Html是用来描述网页(html文件)的一种超文本标记语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

2. HTML书写规范
   (1)基本规范
   双标签<> ；单标签
   标签间有包含和并列关系
   （2）html骨架标签

标签名	定义	说明
	HTML标签	页面中最大的标签，我们称为跟标签
	文档头部	注意在head标签中我们必须要设置的标签是title
	文档的标题	让页面拥有一个属于自己的网页标题
	文档的主题	元素包含文档的所有内容，页面内容基本都是放到body里面的

3.HTML常用标签
（1）h1到h6标签 可以定义不同的字体大小。
一般来说一个页面只有一个h1
用来包住 这个网页的名字 或者logo。
不限制数量但是一般用来包住栏目标题。

-

标签可定义标题。

定义最大的标题。

定义最小的标题。
（2）p标签
是一个块标签
不能镶嵌块标签
一般用来承载文字
（3）ol标签
有序列表
默认在每一行前面 通过：marker 伪类 生成序号
有一个默认的padding-left
（4）ul 标签
无须列表
每一行前面 有一个默认的点
有默认的padding
需要做样式的初始化
删除点：list-style-type:none;
（5）li标签
块标签
必须ol或者ul搭配使用 无法单独使用
可以承载图文等超文本 也可以镶嵌块标签和行标签
由于前端的代码规范 一般来说 几乎所有的菜单或者导航栏 都用ul+li来写
（6）hr标签
标签内部不承载任何东西 仅仅作为i一条下划线
（7）br标签
作用就是换行
可以写在标签外部也可写在标签内部
属于功能性标签 既不是行标签也不是块标签
（8）q标签
给标签内的内容加上引号
（9）标签
给img在行间样式里面 设置宽高 不用写style
alt 属性在图片未加载出来 出现的文字属性 就是文字提示
补充：路径知识
（1）目录文件夹和根目录
目录文件夹：存放网页所需东西（如html文件 图片）的文件夹
根目录：目录文件夹的第一页
（2）相对路径和绝对路径
相对路径：图片相对html文件的位置

相对路径分类	符号	说明
同一级目录		图像文件位于HTML文件同一级 像>
下一级目录	/	图像文件位于HTML文件下一级 像>
上一级目录	../	图像文件位于HTML文件下一级 像>

图片标签的其他属性

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本 图像不能显示时的文字
title	文本	提示文本。鼠标放到图片上，显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素设置图像的边框粗细

图像标签属性注意点：
① 图像标签可以拥有多个属性，必须卸载标签名的后面。
② 属性自己不放先后顺序，标签名与属性，属性与属性之间均以空格分开。
③ 属性采取键值对的个数，即key="value"的个数，属性=“属性值”。

(10)a标签
1.是个行标签
标签用于定义超链接，作用是从一个页面链接到另一个页面
可以进行页面跳转
跳转路径围在 href属性中编写
2 移动端拨号
在移动设备中 可以进行打电话
拨打
3 在页面中 做秒点链接 （前提是同页面）
box1 #是id

在href中填写目标id
target 属性 定义 是否在新页面打开
demol a >

4.文档类型的声明
文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

这句代码的意思是：当前页面采取的是HTML5版本来显示网页
声明位于文档中的最前面的位置，处于标签之前。
不是一个HTML标签，它就是文档类型声明标签
lang="zh-CN"用来定义当前文档显示的语言。
en英语
fr法语
japanese日语
charset=“utf-8” 字符集
字符集（Character set）是多个字符的集合。以便计算机能够识别和存储各种文字。
在标签内。可以通过标签的charset属性来规定HTML文档应该使用哪种字.

5.. HTML常识
(1)HTML常用英文
target 目标
contents 内容
markup tag 标记标签
paragraph 段落标签

      (2) 浏览器内核

浏览器	内核	备注
IE	TridentIE	猎豹安全、360极速浏览器、百度浏览器
firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
chrome/Opera	Blink	chrome/opera浏览器内核。Blink其实是Webkit的分支