打开编辑器后如何生成html结构的快捷键
1.!+回车 2.html:5+回车 即可生成
简单介绍
什么是网站:在网络上展示特定内容的网页的集合。
什么是网页:网页就是网站的一员,组成网页的元素有:文字、图片、链接、音频、视频等元素。
浏览器所采用的渲染引擎统称为内核。
五大浏览器及内核
IE 内核是Trident 是1995年由微软发布的
火狐(firefox) 内核是Gecko
opear 内核是以前用的是persto 现在用的是blink
谷歌 内核是webkit 由谷歌公司发布
苹果 内核是webkit
双内核浏览器:qq浏览器,uc浏览器,猎豹浏览器,360浏览器
页面的三大组成部分
结构 html
样式 css
行为 javaScript
结构层html和表现层css,是 W3C 制定的规范,万维网联名。
行为层js,是 ECMA 制定的规范,欧洲计算机协会。
什么是html?
html是超文本标记语言 总成Hyper Text Mart-up Language
标记语言:由一套标记标签组成的
标记:构成网页的基本单位
标签:由尖括号括起来的关键字
双标签:<开始标签>内容</结束标签>
单标签:两种格式:<关键字> <关键字/>
注释:对代码进行解释和说明,不会被浏览器执行
注释快捷键:ctrl+/
!DOCTYPE 作用:告诉浏览器该文档的版本信息,让浏览器解析器知道使用哪种语法解析文档
不是标签,是声明语句,必须写在html文档的第一行
<html lang="en"> lang是language的简写 en是语言 是English英语的简写
网页的头部信息 其内容不会显示在网页中
定义文档的头部,包含文档的标题(title),可以包含文档脚本(script),样式(style),meta信息以及更多的其他信息。
meta信息标签是单标签 charset 文档字符集 便于计算机识别和存储各种文字 全称 character set
charset属性:设置编码方式 UTF-8:万国码,通用性比较好
GB2312:简体中文,包含6763个汉字
GBK:包含全部的中文字符
BIG5:繁体中文
title定义标签页的标题
div:搭建网页结构的基本标签;盒子;无语义标签
特性:独立成行。宽度默认撑满整个父元素。高度由内容撑开。
作用:div可以用来划分网页的区块,div可以嵌套任何标签
h标签系列:标题标签
h1~h6字体大小从大到小显示,重要程度一次减小
注意事项:h1标签,在一个网页中只能有一个,h2~h6可以有多个
特性:宽度默认撑满整个父元素。高度默认由内容撑开。独立成行。自带外边距。自带加粗效果。
使用场景:文章的标题,内容的章节标题。logo。产品的标题。
块级标签: p:段落标签
特性:宽度默认撑满整个父元素。高度默认由内容撑开。独立成行。自带外边距。 使用场景:文章段落
注意事项:p不能嵌套块级元素
hr:单标签 文本分割线