第一个网页
Emmet插件:自动生成HTML代码片段
注释
在html注释使用如下格式:
Ctrl+/
元素
(标签 标记)
元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容 + 元素属性
属性 = 属性名 + 属性值
属性分类:
局部属性:某些元素特有属性
全局属性:所有元素通用
有些元素无结束标记,称为空元素
元素的嵌套
元素不能相互嵌套
父元素 子元素 祖先元素 后代元素 兄弟元素(拥有同一个父元素的两个元素)
标准文档结构
HTML: 页面 /HTML文档
文档声明,告诉浏览器,当前文档使用的HTML的标准是HTML5,不写的话,将导致浏览器进入怪异渲染模式<html></html>
:根元素,一个页面只能有一个,并且该元素是其他所有元素的父元素或者祖先元素
HTML5中没有强制要求书写
<html lang = "en">
: 英语
<html lang = "cmn-hans">
:简体中国标准语言(全局属性)
lang属性
:language,全局元素,表示该元素使用哪一种自然元素写成的。
<head></head>
:必须作为的子u元素.文档头,文档头内部的内容不会显示到页面上。
<meta charset="UTF-8">
:文档的元数据(附加信息,charset:指定网页内容编码,计算机中,低压电(0~2v) 0,高压电(2~5v)1,采用二进制,只能存储数字,遇到文字将文字和数字进行对应,也就是字符编码(GB2312 大陆 GBK 中国台湾) 告诉浏览器按照指定编码进行解析 UTF-8 万国码)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
:适应手机端,具体不展开
<meta http-equiv="X-UA-Compatible" content="ie=edge">
:如果使用IE浏览器,建议使用edge内核的
<title>Document</title>
:网页标题,在网页的最上边,根据具体情况自己更改
<body></body
:页面所有要显示的元素,都在文档体中