自学前端(二):认识HTML的结构和基础内容

331 阅读1分钟

前言

在上一篇《自学前端(一):认识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查看刚书写的页面,正确无误。页头标题标签隐藏,页面内容标题段落已展示。