Web前端开发笔记 || 第一个网页

最新推荐文章于 2022-12-26 21:06:48 发布

Sobtemesa

最新推荐文章于 2022-12-26 21:06:48 发布

阅读量261

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/m0_57987831/article/details/120051595

版权

在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>

文档体，页面上所有要参与显示的元素，都应放置在文档体中。

关注