No.1从认识HTML开始学前端|青训营笔记

59 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第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浏览器里的显示效果

image.png

这时候,有的同学就要问了,里边的"!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元素。

三、课后个人总结:

image.png