HTML结构详解

全栈开发日记

发布于 2022-05-12 20:10:01

5100

发布于 2022-05-12 20:10:01

文章被收录于专栏：全栈开发日记

HTML基本结构如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
</html>

接下来一行一行的详解：

<!doctype html>

它是HTML声明，声明必须放在HTML文件的第一行。

有时候有人会用大写字母做这个声明，不要觉得高大上或者觉得是不是不一样，作用是一模一样的。

<html lang="en">
</html>

"lang"的意思就是“language（语言）”，而“en”即表示english（英文）；"zh"表示中文。

<meta charset="UTF-8">

这个是声明编码，告诉浏览器你用的什么编码。

常用编码"ANSI" "UTF-16LE" "UTF-16BE" "UTF-8";

<title>Document</title>

HTML中的标题标签；显示如下。

<head>
</head>
<!--HTML结构中的头部，标题标签、导入css、以及内部css都在这里面;-->
<!--注意它是有结束标签的，与开始标签不同在于前面多加了"/"-->

<body>
</body>
<!--HTML结构中的身体部分，比如你的胳膊腿儿啥的，整个网页的结构都在这里面-->
<!--注意它是有结束标签的，与开始标签不同在于前面多加了"/"-->

常用HTML标签：

<h1>h1标题标签</h1>

h1标签会变大加粗，后面的数字1-6从大到小；它是块元素，一个h标签会在浏览器中独占一行。

<p>段落标签</p>

p标签，它也是块元素，会独占一行。

<a href="www.baidu.com"> a链接标签</a>

a链接标签，显示出来的只有开始标签和结束标签中间的内容，点击会跳转到href后跟的链接地址。

往期：

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2019-12-14，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自全栈开发日记微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度