HTML核心（1）- 第一个网页

Brisa56

已于 2022-08-11 21:34:27 修改

阅读量151

点赞数

分类专栏： web前端文章标签： html css 前端

于 2022-08-11 21:33:33 首次发布

本文链接：https://blog.csdn.net/m0_43416592/article/details/126293683

版权

web前端专栏收录该内容

47 篇文章 3 订阅

订阅专栏

本系列笔记是基于【渡一教育】袁进老师的html+css基础课程而记录，仅作为个人记录以及阅读使用。

文章目录

第一个网页
参考资料

第一个网页

html:5 + tab键 或者 ! + tab键 快速生成代码片段

注释

html中的注释格式

<!--注释内容-->

ctrl + / 快捷注释

元素

其他叫法：标签、标记

<a href="https://www.baidu.com" title="标题啦">hhh</a>
<title>Document</title>

整体：element（元素）

元素 = 起始标记begin tag + 结束标记end tag + 元素内容 + 元素属性

属性 = 属性名 + 属性值

属性的分类：
-局部属性：某些元素特有的属性
-全局属性：所有元素通用

<meta charset="UTF-8">

有些元素没有结束标记，这样的元素叫做：空元素

空元素的两种写法：

<meta charset="UTF-8">
<meta charset="UTF-8" />

元素的嵌套

元素不能互相嵌套

父元素、子元素、祖先元素、后代元素、兄弟元素（同一个父元素的元素）

标准的文档结构

html: 页面、HTML文档

<!DOCTYPE html>

文档声明，告诉浏览器，当前文档使用html的标准为html5

不写文档声明，将导致浏览器进入怪异渲染模式

<html lang="en">

</html>

根元素：一个页面最多只能一个，并且该元素是所以其他元素的父元素或祖先元素

html5版本中没有强制要求书写该元素

lang属性：language，全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成

zh-CN ----> cmn-hans

<head></head>

文档头，文档头部的内容，不会显示到页面上

 <meta charset="UTF-8"><!--编码-->
<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--告诉浏览器，如果使用的IE浏览器，则使用edge内核-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"><!--适配手机端-->