1999年的HTML基础:互联网初生的语言
_ ×
1999年的HTML基础:互联网初生的语言
回顾1999年HTML基础知识,探讨早期网页构建的简单与纯粹。
📋 Table of Contents

在互联网的黎明时期,也就是大约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技术演进的起点。