HTML基础

HTML 学习读书笔记:从基础到实践的探索
<br>
在网页开发的世界里,HTML 如同搭建房屋的基石,是构建一切网页的基础。这段时间系统学习 HTML,从最初对一堆标签的陌生,到逐渐能运用它们搭建简单的页面结构,过程中既有对基础概念的梳理,也有对实际应用的思考。现将学习中的重点、难点及感悟整理成这篇读书笔记,希望能对后续的深入学习有所助益。
<br>
一、HTML 基础:标签与文档结构的 “骨架”
<br>
HTML 的全称为超文本标记语言(HyperText Markup Language),它并非编程语言,而是一种用于描述网页结构的标记语言。其核心是 “标签”,这些由尖括号包裹的指令,决定了网页内容的呈现形式与组织方式。
<br>
(一)基础标签:从 “Hello World” 开始
<br>
初学 HTML 时,最经典的入门案例便是 “Hello World” 页面。看似简单的几行代码,却包含了 HTML 文档的基本要素:
<br>
<!DOCTYPE html>
<br>
<html>
<br>
<head>
<br>
<title>我的第一个页面</title>
<br>
</head>
<br>
<body>
<br>
<h1>Hello World!</h1>
<br>
</body>
<br>
</html>
<br>
<br>
<!DOCTYPE html>:声明文档类型,告知浏览器这是 HTML5 文档,避免浏览器进入 “怪异模式”(不同浏览器对旧版 HTML 的解析方式差异较大,怪异模式可能导致页面显示混乱)。
<br>
<html>:整个 HTML 文档的根标签,所有内容都需包裹在其中,如同房屋的 “外墙”,界定了页面的整体范围。