注释
在HTML中,注释格式
<!-- 注释内容 -->
元素
其他叫法:标签、标记
<a href="https://www.bilibili.com/video/BV1yx411d7Rc?p=5&spm_id_from=pageDriver">b站课程地址</a>
整体:元素(element)
元素=起始标记(begin tag)+结束标记(end tag)+元素内容+元素属性
属性=属性名+属性值
属性的分类:
- 局部属性:某些元素特有的属性
- 全局属性:所有元素通用
<meta charset="UTF-8">
<img src="https://lupic.cdn.bcebos.com/20191111/28166817%2318.jpg" >
有些元素没有结束标记,这样的元素叫做:空元素。
空元素的两种写法:
1.现在<meta charset="UTF-8">
2.以前<meta charset="UTF-8"/>
元素的嵌套
元素不能相互嵌套
父元素、子元素、祖先元素、后代元素、兄弟元素(拥有同一个父元素)
标准的文档结构
HTML:页面、HTML页面
<!DOCTYPE html>
文档声明,告诉浏览器,当前文档使用的HTML标准是HTML5
不写文档声明,将导致浏览器进入怪异渲染模式。
<html lang="en">
</html>
根元素 :一个页面最多只能有一个,并且该元素是所有其他元素的父元素
HTML5版本中没有强制要求书写该元素
lang属性:language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成的
<head>
</head>
文档头,文档头内部的内容,不会显示到页面上
<meta>
文档的元数据:附加信息
charset:指定网页内容编码
计算机中,低压电(0~2 v) 0,高压电(2~5v) 1
表示2->10
计算机中,只能存储数字
文字和数字进行对应
比如:a——97,A----64;
该字典叫做字符编码表,GB2312,GBK
<meta name="viewport" content="width=device-width, initial-scale=1.0">
适配手机端
<meta name="viewport" content="width=device-width, initial-scale=1.0">
解决ie浏览器的问题,如果你使用ie浏览器,使用内核时建议你使用edge内核
<title>Document</title>
显示网页标题
<body>
</body>
文档体,页面上所有要参与显示的元素,都应放置在文档体中。