打开html文档结构
1.输入英文状态下的!回车
2.输入html:5 回车
对web来说:
浏览器:读取html文件,把其以网页的形式来显示
内核:渲染引擎,对网页进行语法解析及渲染网页
五大浏览器及内核
ie 谷歌 苹果 火狐 欧朋
1.谷歌浏览器 Chrome
内核:webkit ---blink
2.火狐浏览器 Firefox
内核:gecko
3.欧朋浏览器 opera
内核:presto -- blink
生产商:挪威欧普拉软件公司
4.苹果浏览器 Safari
内核:webkit
生产商:苹果公司
5.IE浏览器
内核:trident
生产商:微软公司 Microsoft
解释说明代码,注释不会出现在网页中
html注释 ctrl + /
shift +alt +a 单行注释,可以在代码的一行之后写注释
什么是html?
结构层,超文本标记语言
HyperText Mark-up Language
H:Hyper 超级
T:text 文本
M:Mark-up 标记
L:Language 语言
网页通过html标签对网页中文本,图片、音频等等进行描述
超文本:不仅包括文本,而且还包括图片、音频等
标签:
构建网页的基本单位
由尖脚号< 括起来的关键词
单标签 只有开始标签 只有一个标签 <img src="" alt=""> <img src="" alt="" />
双标签 由开始标签和结束标签组成
开始标签:<div>
结束标签:</div>
元素 标签及内容的整体 <p>大家中午吃的什么</p>
标签的属性:
要写在开始标签中
属性由: 属性名和属性值组成
属性名与属性值由=号相连
多个属性由空格隔开
属性值要用引号包着
例如
src="./images/moluoge_03.jpg"
属性名:src
属性值:./images/moluoge_03.jpg
-->
<!DOCTYPE *html*>
它不是标签,是声明语句
作用:告诉浏览器该文档的版本信息,用那种语法来解析文档*
!DOCTYPE html :用html5的语法来解析该文档
必须放在第一行
双标签
网页的根标签
定义整个html文档,里面包含head和body标签
lang属性
- 作用:定义当前文档显示文字的语言
- 语法:lang=“en”
(lang是language的简写)
- 取值:
en定义语言为英语
zh-CN定义语言为中文
双标签
网页的头部信息
引入外链css和外链js
内部样式css也写在head标签中,用style标签对包着
head里标签的内容不会显示到网页中
定义文档的头部,包含文档的标题(title),可以包含文档脚本(script),样式(style),meta信息以及更多的其他信息。
<!-- 文档字符集 字符集(Character set)是多个字符的集合,便于计算机识别和存储各种文字。 在<head>标签内,通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。 charset属性:设置编码方式 UTF-8:万国码,通用性较好 (2)常用的字符集
- UTF-8被称为万国码,包含全世界所有国家需要用到的字符 - GB2312简单中文,包括6763个汉字 - GBK包含全部中文字符,是GB2312的扩展,加入对繁体字的支持,兼容GB2312 - BIG5繁体中文,港澳台等用 -->