第一个网页
Emmet插件:自动生成代码片段
注释
注释是为给看这个代码的人提供阅读帮助的,不参与运行
在HTML中,书写格式如下: 快捷键Ctrl+/
<!-- 注释内容写这里 -->
元素
其他叫法:标签,标记
<a href="http://www.baidu.com">百度一下</a>
整体 "百度一下"这个整体称为"element"(元素)
元素 = 起始标记(begin tag) + 结束标记(end tag) + 元素内容(可以是图片,文字等) + 元素属性
起始标记 <a>
结束标记 </a>
元素内容 页面上要显示的东西
元素属性 描述额外信息的,不一定非要写
属性 = 属性名 + 属性值
属性的分类:
- 局部属性:某些元素特有的属性
- 全局属性:所有元素通用
<meta charset="UTF-8">
有些元素没有结束标记,这样的元素叫做空元素
空元素的两种写法:
1.<meta charset="UTF-8">
2.<meta charset="UTF-8"/>
元素的嵌套
元素可以嵌套,但不能相互嵌套
父元素,子元素,祖先元素,后代元素,兄弟元素(拥有同一个父元素的两个元素)
标准的文档结构
HTML:页面,也叫HTML文档
<!DOCTYPE html>
文档声明,告诉浏览器当前使用的标准是html5。
不写的话,会导致浏览器进入怪异渲染模式。
<html lang="en">
</html>
根元素,一个页面最多只能一个,并且该元素是其他所有元素的父元素或祖先元素。
HTML5中没有强制要求书写该元素
lang属性: language,全局属性,表示该元素内部使用的文字是使用哪一种自然语言书写而成。中文:""
<head>
</head>
文档头,文档头部的内容,不会显示到页面上。
<meta>
文档的元数据:附加信息。
charset:指定网页内容编码
UTF-8是 Unicode编码的一个版本
<title>Document</title>
网页标题
<body>
</body>
文档体,页面上所有要参与显示的元素,都应该放置到文档体body里