自学前端（二）：认识HTML的结构和基础内容

最新推荐文章于 2024-07-25 07:53:24 发布

老谷笔记

最新推荐文章于 2024-07-25 07:53:24 发布

阅读量126

点赞数

分类专栏：前端自学文章标签： html

本文链接：https://blog.csdn.net/bosircn/article/details/118761894

版权

6 篇文章 0 订阅

订阅专栏

前言

在上一篇《自学前端（一）：认识HTML并了解它的含义和书写规则》中，我搞错了一点。就是HTML的标签，不只是有成对标签，也有单标签。比如换行标签<br>

结构分析

HTML的结构，大致分为那么四个部分。 1.声明文档 <!DOCTYPE html> 2.html标签对<html></html> 3.head标签对<head></head> 4.body标签对<body></body>

html结构 图片来源@绿叶学习网

- 声明文档

这个声明，表示这是一个HTML页面

- html标签对

这个标签对，是告诉浏览器，html从哪里开始，到哪里结束。

- head标签对

这个标签对，是网页的“头部”标签，用来标记一些特殊的内容。例如标题、描述、关键词等内容

- body标签对

这是标签对，是网页的“身体”部分，用来包含样式信息的。

书写实践

<!DOCTYPE html>
<html>
<head>
	<title>老谷笔记</title> 
</head>
<body>
	<h1>老谷笔记</h1>
	<p>这是我书写的第一条内容</p>
	</body>
</html>
复制代码

这里需要记一下，head标签对里面是需要包含其他标签的，不然输出的内容在正文立面；body标签对里面也是包含样式标签的，例如标题、段落等，不然就没有样式。

浏览器F12查看刚书写的页面，正确无误。页头标题标签隐藏，页面内容标题段落已展示。

关注