html网页结构-优快云博客

HTML是超文本标记语言，用于描述网页内容。它包括文档声明、根标签、头部和主体等部分。在头部，设置字符集为utf-8防止乱码，定义网页标题和图标。meta标签用于设置网页的关键字和描述。主体标签则包含用户可见的内容。

html是什么？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言:HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签(markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML标签及文本内容
HTML文档也叫做web 页面

html的基本结构

分为头部和主体两部分

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
<title>html网页结构</title>
  <link rel="icon" href="1.png">
 <meta name="keyword" content="基本结构,html">
 <meta name="description" content="html的基本结构，html是给页面添加内容的">
</head>
<body>
</body>
</html>

（1）文档声明：

<!DOCTYPE html>

告诉浏览器该文件是什么类型html文件，解析文件的时候，要使用解析html文件规则

注：有效代码的第一行

（2）根标签：一个html文件最基础的标签的全局最外面。

<html>
</html>

（3）头部标签：储存元数据，里面内容基本是给浏览器解析的

<head>
</head>

(4)设置字符集(解决乱码问题）

设置文件字符类型：utf-8（万国码）

<meta charset="utf-8">

（5）标题标签：设置网页标题，在网页标题栏显示

<title>html网页结构</title>

（6）设置网页的图标

rel:设置link引入的数据类型，href：设置图片的地址

<link rel="icon" href="1.png">

（7）name：设置meta数据类型，content：设置数据内容

keyword:设置网页关键字，给搜索引擎收录

 <meta name="keyword" content="基本结构,html">

（8） description：设置网页介绍

 <meta name="description" content="html的基本结构，html是给页面添加内容的">

(9)主体标签：页面文本内容，主要给用户看的

注：一个页面只有一个body，如果有二个body，浏览器会将第二个body内容默认放在第一个里面，但有些浏览器不能识别，进入怪异模式

<body>
  </body>