1.HTML介绍
Html是用来描述网页(html文件)的一种超文本标记语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
- HTML书写规范
(1)基本规范
双标签<> </>；单标签</>
标签间有包含和并列关系
（2）html骨架标签
| 标签名 | 定义 | 说明 |
|---|---|---|
| <html></html> | HTML标签 | 页面中最大的标签，我们称为跟标签 |
| <head></head> | 文档头部 | 注意在head标签中我们必须要设置的标签是title |
| <title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
| <body></body> | 文档的主题 | 元素包含文档的所有内容，页面内容基本都是放到body里面的 |
<html></html>
3.HTML常用标签
（1）h1到h6标签 可以定义不同的字体大小。
一般来说一个页面只有一个h1
用来包住 这个网页的名字 或者logo。
不限制数量但是一般用来包住栏目标题。
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
（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>标签
给img在行间样式里面 设置宽高 不用写style
alt 属性在图片未加载出来 出现的文字属性 就是文字提示
补充：路径知识
（1）目录文件夹和根目录
目录文件夹：存放网页所需东西（如html文件 图片）的文件夹
根目录：目录文件夹的第一页
（2）相对路径和绝对路径
相对路径：图片相对html文件的位置
| 相对路径分类 | 符号 | 说明 |
|---|---|---|
| 同一级目录 | 图像文件位于HTML文件同一级 像><img src=baidu.com/> | |
| 下一级目录 | / | 图像文件位于HTML文件下一级 像><img src=img/baidu.com/> |
| 上一级目录 | ../ | 图像文件位于HTML文件下一级 像><img src=../baidu.com/> |
图片标签的其他属性
| 属性 | 属性值 | 说明 |
|---|---|---|
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本 图像不能显示时的文字 |
| title | 文本 | 提示文本。鼠标放到图片上，显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素设置图像的边框粗细 |
图像标签属性注意点：
① 图像标签可以拥有多个属性，必须卸载标签名的后面。
② 属性自己不放先后顺序，标签名与属性，属性与属性之间均以空格分开。
③ 属性采取键值对的个数，即key="value"的个数，属性=“属性值”。
(10)a标签
1.是个行标签
<a>标签用于定义超链接，作用是从一个页面链接到另一个页面
可以进行页面跳转
跳转路径围在 href属性中编写
2 移动端拨号
在移动设备中 可以进行打电话
<a href="tel:1234567">拨打</a>
3 在页面中 做秒点链接 （前提是同页面）
<a href="#box1">box1<a/> #是id
<div id="box1"class="box1"></div>
在href中填写目标id
target 属性 定义 是否在新页面打开
<a href="/dermol.html"target="black">demol a >
4.文档类型的声明
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是：当前页面采取的是HTML5版本来显示网页
<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。
<!DOCTYPE>不是一个HTML标签，它就是文档类型声明标签
lang="zh-CN"用来定义当前文档显示的语言。
en英语
fr法语
japanese日语
charset=“utf-8” 字符集
字符集（Character set）是多个字符的集合。以便计算机能够识别和存储各种文字。
在<head>标签内。可以通过<mete>标签的charset属性来规定HTML文档应该使用哪种字.
5.. HTML常识
(1)HTML常用英文
target 目标
contents 内容
markup tag 标记标签
paragraph 段落标签<p>
(2) 浏览器内核
| 浏览器 | 内核 | 备注 |
|---|---|---|
| IE | TridentIE | 猎豹安全、360极速浏览器、百度浏览器 |
| firefox | Gecko | 火狐浏览器内核 |
| Safari | Webkit | 苹果浏览器内核 |
| chrome/Opera | Blink | chrome/opera浏览器内核。Blink其实是Webkit的分支 |
