在互联网的黎明时期,也就是大约1999年,网页构建的核心语言是HTML(HyperText Markup Language)。那时的网页,与如今我们看到的丰富多媒体、交互性极强的网站相比,显得简单而纯粹。然而,正是这种简单,构筑了互联网最初的基石,也孕育了无数信息和创意。对于许多早期网民和开发者而言,掌握1999年的HTML基础,就意味着能够在这个新兴的数字世界中留下自己的印记。
HTML的基本构成:标签与元素
在1999年,HTML的主要工作就是使用各种“标签”(Tags)来标记网页内容。这些标签通常成对出现,一个开始标签和一个结束标签,中间包裹着需要展示的内容。例如,一个标题标签 <H1> 用于标记一级标题,它会以 <H1>我的标题</H1> 的形式出现。段落则用 <P> 标签来区分,如 <P>这是一个段落。</P>。
文本的格式化:加粗、斜体与链接
1999年的HTML已经支持基本的文本格式化。要让文字加粗,会使用 <strong> 或 <b> 标签,斜体则使用 <em> 或 <i> 标签。虽然 <strong> 和 <em> 在语义上更优,但 <b> 和 <i> 在当时也十分常用。
而HTML最核心的能力之一——超链接,是通过 <a> 标签实现的。例如,创建一个指向“世界杯赛程官网”的链接,语法是:<a href="https://www.example.com">访问世界杯赛程官网</a>。这里的 href 属性指定了链接的目标URL。
列表的创建:有序与无序 无论是展示信息还是梳理思路,列表都是必不可少的元素。1999年的HTML支持两种主要的列表类型:
- 无序列表 (Unordered List,
<ul>): 使用<li>(List Item) 标签来定义列表项,每个列表项前会显示一个项目符号(如圆点)。<ul> <li>列表项一</li> <li>列表项二</li> </ul> - 有序列表 (Ordered List,
<ol>): 同样使用<li>标签,但每个列表项前会显示数字序号。<ol> <li>第一步</li> <li>第二步</li> </ol>
图像的插入:<img> 标签
图片是让网页更具吸引力的重要元素。在1999年,插入图片主要依靠 <img> 标签。这个标签是一个自闭合标签,通常需要指定 src (source,图像源文件路径) 和 alt (alternative text,替代文本,当图片无法显示时会显示这段文字,对SEO和可访问性至关重要) 属性。
<img src="logo.gif" alt="网站Logo">
当时的网页设计并不追求响应式,图片尺寸也常常直接在标签中指定,如 <img src="photo.jpg" width="300" height="200">。
简单的表格构建:<table> 标签
表格在1999年主要用于数据的展示,有时也被用来布局页面。构建表格的核心标签是 <table>,其中包含 <tr> (table row,表格行) 和 <td> (table data,表格单元格) 标签。标题行则使用 <th> (table header,表头单元格)。
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
</table>
网页结构与元信息:<head> 和 <body>
一个完整的HTML文档由两大部分组成:<head> 和 <body>。<head> 部分包含网页的元信息,如标题 (<title>)、字符集声明 (<meta charset="UTF-8"> 在当时可能还未普及,更多是 <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 等针对特定语言的设置) 等。<body> 部分则包含了网页所有可见的内容。
1999年的HTML,尽管没有如今CSS(层叠样式表)的强大样式控制能力,也没有JavaScript带来的丰富交互,但它已经为信息在全球范围内的传播奠定了基础。开发者们凭借这些基础标签,创造出了五彩斑斓的早期互联网世界。理解这些基础,不仅是对历史的致敬,也是理解现代Web技术演进的起点。