这是我参与「第五届青训营 」笔记创作活动的第1天。如题,今天我们从认识HTML开始学前端。
一、本堂课重点内容:
- 什么是HTML?
- 什么是HTML标签?
- 什么是HTML元素?
二、详细知识点介绍:
- 首先,什么是HTML?
HTML(HyperText Markup Language)是一种标记语言,用于在网页上描述网页内容。它是网页制作的基础,用于在网页上描述文本,图片,链接等元素的结构和内容。
- 接着我们来看一段简单的HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>认识HTML</title>
</head>
<body>
<h1>我的第一个一级标题</h1>
<p>我的第一个段落</p>
</body>
</html>
下图是这段HTML代码在web浏览器里的显示效果
这时候,有的同学就要问了,里边的"!DOCTYPE html"是什么意思,为什么要用一前一后的尖括号圈起来。接着我们就来解开谜团
- !DOCTYPE>声明
!DOCTYPE>声明是HTML文档中的一行特殊代码,用于声明HTML文档使用的HTML版本。它是告诉浏览器如何解释HTML文档的重要部分。 声明通常位于HTML文档的最顶部,在标签之前。它的语法如下:
<!DOCTYPE html>
这是HTML5的声明,表示该文档使用的是HTML5。在早期的HTML版本中,声明的语法不同,例如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
这是HTML4的声明。
通过声明正确的HTML版本,您可以确保浏览器正确地呈现您的HTML文档。如果您省略声明,浏览器可能会以不同的方式呈现您的HTML文档,导致页面显示不正确。因此,在创建HTML文档时,确保始终包含声明是非常重要的。
- HTML标签和HTML元素
HTML标签是HTML代码中的命令,用于指示浏览器如何呈现内容。标签通常是用尖括号(<>)括起来的关键字,例如<html>。
HTML元素是使用HTML标签描述的内容。它是以开始标签和结束标签来表示的,如<p>和</p>。开始标签和结束标签之间的内容就是HTML元素。
三、课后个人总结: