HTML基础知识
- HTML是超文本标记语言,由标签、属性和内容组成
- 标签告诉浏览器如何显示内容,属性提供了进一步说明和自定义选择,内容则是需要展示的文字、图片、音频视频等
- 常见的块级元素有
<h1>-<h6>、<p>、<ul>/<ol>、<div>等,内联元素则包括<a>、<span>、<img>等 - 推荐使用语义化标签,例如
<header><footer><nav><section><article><aside>等
网页结构
- 通过
<div><span><section><header><footer><nav><article><aside><main>等标签可以创建含有缩进、分段、列表、标题等结构的网页
思考与总结
学习HTML,除了掌握语法标签,更重要的是理解并熟练应用其核心概念——结构、样式与行为的分离。这不仅能够让我们写出符合规范、清晰易读的代码,还有助于提高网站的可维护性和扩展性。
作为一个新手,我首先查找了相关书籍和在线教程,将HTML的基础内容大致了解后就开始实践,熟悉各类标签及其作用,并尝试使用样式标签和JavaScript等功能进行网页设计。
当我开始学习HTML时,最初的印象就是一堆看起来像谜语的标签和属性。随着时间的推移和实践的积累,我意识到HTML的核心概念——结构、样式、行为的分离是至关重要的,这一点也适用于其他Web技术。
在设计网页时,良好的结构可以提高代码的可读性和可维护性,使其更易于更新和改进。因此,在构建网页之前应该先进行规划和设计,包括制定一个明确的文档流程,并考虑如何使用语义化标签来定义它们的结构。例如,制定一个规范的标题层次结构可以让阅读者更容易理解和浏览网页内容。