前言
在上一篇《自学前端(一):认识HTML并了解它的含义和书写规则》中,我搞错了一点。就是HTML的标签,不只是有成对标签,也有单标签。比如换行标签<br>
结构分析
HTML的结构,大致分为那么四个部分。 1.声明文档 <!DOCTYPE html>
2.html标签对<html></html>
3.head标签对<head></head>
4.body标签对<body></body>
图片来源@绿叶学习网
- 声明文档
这个声明,表示这是一个HTML页面
- html标签对
这个标签对,是告诉浏览器,html从哪里开始,到哪里结束。
- head标签对
这个标签对,是网页的“头部”标签,用来标记一些特殊的内容。例如标题、描述、关键词等内容
- body标签对
这是标签对,是网页的“身体”部分,用来包含样式信息的。
书写实践
<!DOCTYPE html>
<html>
<head>
<title>老谷笔记</title>
</head>
<body>
<h1>老谷笔记</h1>
<p>这是我书写的第一条内容</p>
</body>
</html>
复制代码
这里需要记一下,head标签对里面是需要包含其他标签的,不然输出的内容在正文立面;body标签对里面也是包含样式标签的,例如标题、段落等,不然就没有样式。
浏览器F12查看刚书写的页面,正确无误。页头标题标签隐藏,页面内容标题段落已展示。