3、HTML、CSS与JavaScript：网页开发基础入门

HTML、CSS与JavaScript：网页开发基础入门

1. HTML：构建网页内容

HTML 是网页的基础构建模块，就像房屋的框架，将网站的各个部分连接在一起，并为网站的扩展提供基础。从诞生至今，HTML 已经有了很大的发展，并且仍在不断演进。

1.1 HTML 的角色演变

在级联样式表（CSS）出现之前，所有的网页元素，如图像、文本、布局、滚动文本等，都通过 HTML 标签来处理。例如，在查看网页源代码时，可能会看到大量的   字符实体用于布局。随着开发者对新领域的探索，基于表格的布局逐渐出现，这种布局方式为网站的显示提供了更多的灵活性和控制，使得网站能够拥有更灵活或自适应大小的部分，以及更动态的页面流程。

当时，CSS 刚出现，浏览器对其支持有限，这使得对容器和表单进行样式设置变得困难。虽然已经开始少量使用 CSS，但它并没有完全取代表格布局容器、 <font> 标签和其他一些仅用于样式的标签。随着时间的推移，大多数浏览器至少对 CSS2 有了基本的支持，同时也引发了关于如何在网站开发中正确使用 HTML 的讨论。

1.2 DOCTYPE 的作用

DOCTYPE 是一个特殊的标签，用于告知浏览器如何渲染页面。虽然它本身不是 HTML 标签，但对于网站的正确渲染和处理是必不可少的。

• 过渡型 DOCTYPE ：适用于仍在使用已弃用 HTML 标签，但希望迁移到 HTML 4 的开发者。示例代码如下：