Web前端基础笔记：第二章认识HTML

最新推荐文章于 2022-08-07 22:34:52 发布

Ucoder喵

最新推荐文章于 2022-08-07 22:34:52 发布

阅读量154

点赞数

分类专栏： Web 前端基础文章标签： html css

本文链接：https://blog.csdn.net/weixin_44980720/article/details/109527672

版权

Web 前端基础专栏收录该内容

9 篇文章 1 订阅

订阅专栏

2.1 HTML元素的结构

HTML标签
HTML标签有以下特点：
1.由尖括号包围关键词组成比如：<p>、<h1>、<div>、<span>等
2.通常成对出现，比如<div>和</div>，第一个为开始标签，第二个为结束标签，结束标签比开始标签多了个”/”
3.并不是所有标签都有对应的结束标签，比如<input>、<img>等，它们往往独立呈现

2.2 HTML中的嵌套

<div>
	<p>HTML是一门伟大的语言！</p>
</div>

<h1>可以用来作为标题
<p>可以用来表示段落
<strong>用来加粗字体

2.3 完整的HTML文档结构

在这里插入图片描述

1.<!DOCTYPE html>
（1）作用：告知浏览器该页面文件的文档类型，指示web浏览器使用哪个HTML版本编写页面
（2）位置：<!DOCTYPE>声明必须是HTML文档的第一行，位于标签之前
（3）<!DOCTYPE>声明对大小写不敏感
（4）<!DOCTYPE>声明没有结束标签

2.<html lang=“en”>...</html>
（1）此元素可告知浏览器其自身是一个HTML文档
（2）与标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由标签定义，而主体由标签定义
（3）lang属性（语言属性）：当搜索引擎或者浏览器拿到语言属性后，有可能做一些针对指定语言的辅助操作，‘en’表示英文

3.标签属性
（1）标签可以拥有零个或者多个标签属性，注意：标签属性与标签名称、标签属性与标签属性之间需要用一个空格隔开
（2）标签属性可以赋予标签更多信息，标签属性通常是以key=“value”即名称=“值”形式出现的
（3）常见的标签属性有：class、id、style、lang、src等

4.文档的头部<head>...</head>
（1）head元素定义文档的头部，我们通常在这里引用样式表、提供元信息等
（2）文档的头部中的…定义文档的标题，在网页上体现为网页标签的标题
（3）一个元素必须包含且只能包含一个元素

5.文档的主体<body>...</body>
body元素定义文档的主体，包含文档的所有内容（比如文本、超链接、图像、表格、图像、表格和列表等）

2.4 HTML中的注释

在HTML中使用<!—— ——>标签来表示注释

2.5 认识MDN

1.什么是MDN
Mozilla开发者网络（Mozilla Developer Network，MDN）是由Mozilla、Microsoft、Google、Samsung和W3C联合打造成的最好的Web文档。
网址：developer.mozilla.org/zh-CN/docs/Web/HTML

2.MDN的使用