第二课前端与HTML笔记 | 青训营

60 阅读2分钟

今天上了青训营的第二课——前端与HTML,下面是我在学习前端与HTML的一些学习笔记。

HTML是一种用于创建网页结构和内容的标记语言。它由一系列的标签组成,每个标签都有特定的功能和用途。学习HTML的第一步是了解常用的HTML标签,如<html><head><body>等。<html>标签定义了HTML文档的根元素,<head>标签包含了网页的元数据,<body>标签则包含了网页的主要内容。

在编写HTML时,要注意标签的嵌套和闭合。每个标签都应该有一个开标签和一个闭标签,以确保HTML代码的正确性。例如,<p>标签用于定义段落,应该始终使用<p></p>来将段落的内容包裹起来。此外,还有一些标签是自闭合的,如<img><br>等,它们不需要闭合标签。

除了常用的标签,还有一些特殊的标签和属性可以用于增强网页的功能和表现。例如,<a>标签用于创建链接,可以通过href属性指定链接的目标地址。<img>标签用于插入图片,可以通过src属性指定图片的路径。<div><span>标签用于创建容器,可以用于组织和布局网页的内容。此外,还有一些标签和属性用于定义网页的标题、样式、脚本等。

在学习HTML时,要了解HTML的版本和规范。目前,HTML5是最新的HTML版本,它引入了许多新的特性和语法,如语义化标签、表单验证、音视频支持等。学习HTML5可以使网页更加现代化和丰富多样。

除了学习HTML的基本语法和标签,还要了解一些HTML的最佳实践和技巧。例如,要注意使用语义化的标签,它可以提高网页的可读性和可访问性。要遵循良好的命名规范,使用有意义的类名和ID名,以便于代码的维护和扩展。要合理使用注释,注释可以解释代码的用途和逻辑,方便他人理解和修改代码。

学习前端开发必须掌握HTML的基础知识和技巧。通过了解常用的HTML标签和属性,学习HTML的最佳实践和技巧,我们可以编写出结构清晰、语义化的网页,为后续的前端开发打下坚实的基础。

47236c7a14596991d4d4d22aadce200.png