<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>互联网历史 on 世界杯赛程官网-全球热门比赛时间查询平台</title><link>https://welcome-wc2026.com/tags/%E4%BA%92%E8%81%94%E7%BD%91%E5%8E%86%E5%8F%B2/</link><description>Recent content in 互联网历史 on 世界杯赛程官网-全球热门比赛时间查询平台</description><generator>Hugo</generator><language>zh-cn</language><lastBuildDate>Thu, 14 May 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://welcome-wc2026.com/tags/%E4%BA%92%E8%81%94%E7%BD%91%E5%8E%86%E5%8F%B2/index.xml" rel="self" type="application/rss+xml"/><item><title>1999年的HTML基础：互联网初生的语言</title><link>https://welcome-wc2026.com/posts/html-basics-1999/</link><pubDate>Thu, 14 May 2026 00:00:00 +0000</pubDate><guid>https://welcome-wc2026.com/posts/html-basics-1999/</guid><description>&lt;p&gt;在互联网的黎明时期，也就是大约1999年，网页构建的核心语言是HTML（HyperText Markup Language）。那时的网页，与如今我们看到的丰富多媒体、交互性极强的网站相比，显得简单而纯粹。然而，正是这种简单，构筑了互联网最初的基石，也孕育了无数信息和创意。对于许多早期网民和开发者而言，掌握1999年的HTML基础，就意味着能够在这个新兴的数字世界中留下自己的印记。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;HTML的基本构成：标签与元素&lt;/strong&gt;
在1999年，HTML的主要工作就是使用各种“标签”（Tags）来标记网页内容。这些标签通常成对出现，一个开始标签和一个结束标签，中间包裹着需要展示的内容。例如，一个标题标签 &lt;code&gt;&amp;lt;H1&amp;gt;&lt;/code&gt; 用于标记一级标题，它会以 &lt;code&gt;&amp;lt;H1&amp;gt;我的标题&amp;lt;/H1&amp;gt;&lt;/code&gt; 的形式出现。段落则用 &lt;code&gt;&amp;lt;P&amp;gt;&lt;/code&gt; 标签来区分，如 &lt;code&gt;&amp;lt;P&amp;gt;这是一个段落。&amp;lt;/P&amp;gt;&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;文本的格式化：加粗、斜体与链接&lt;/strong&gt;
1999年的HTML已经支持基本的文本格式化。要让文字加粗，会使用 &lt;code&gt;&amp;lt;strong&amp;gt;&lt;/code&gt; 或 &lt;code&gt;&amp;lt;b&amp;gt;&lt;/code&gt; 标签，斜体则使用 &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; 或 &lt;code&gt;&amp;lt;i&amp;gt;&lt;/code&gt; 标签。虽然 &lt;code&gt;&amp;lt;strong&amp;gt;&lt;/code&gt; 和 &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt; 在语义上更优，但 &lt;code&gt;&amp;lt;b&amp;gt;&lt;/code&gt; 和 &lt;code&gt;&amp;lt;i&amp;gt;&lt;/code&gt; 在当时也十分常用。&lt;/p&gt;
&lt;p&gt;而HTML最核心的能力之一——超链接，是通过 &lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt; 标签实现的。例如，创建一个指向“世界杯赛程官网”的链接，语法是：&lt;code&gt;&amp;lt;a href=&amp;quot;https://www.example.com&amp;quot;&amp;gt;访问世界杯赛程官网&amp;lt;/a&amp;gt;&lt;/code&gt;。这里的 &lt;code&gt;href&lt;/code&gt; 属性指定了链接的目标URL。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;列表的创建：有序与无序&lt;/strong&gt;
无论是展示信息还是梳理思路，列表都是必不可少的元素。1999年的HTML支持两种主要的列表类型：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;无序列表 (Unordered List, &lt;code&gt;&amp;lt;ul&amp;gt;&lt;/code&gt;)：&lt;/strong&gt; 使用 &lt;code&gt;&amp;lt;li&amp;gt;&lt;/code&gt; (List Item) 标签来定义列表项，每个列表项前会显示一个项目符号（如圆点）。
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;ul&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;列表项一&amp;lt;/&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;列表项二&amp;lt;/&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;ul&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;有序列表 (Ordered List, &lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;)：&lt;/strong&gt; 同样使用 &lt;code&gt;&amp;lt;li&amp;gt;&lt;/code&gt; 标签，但每个列表项前会显示数字序号。
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="color:#f92672"&gt;ol&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;第一步&amp;lt;/&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;第二步&amp;lt;/&lt;span style="color:#f92672"&gt;li&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="color:#f92672"&gt;ol&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;图像的插入：&lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; 标签&lt;/strong&gt;
图片是让网页更具吸引力的重要元素。在1999年，插入图片主要依靠 &lt;code&gt;&amp;lt;img&amp;gt;&lt;/code&gt; 标签。这个标签是一个自闭合标签，通常需要指定 &lt;code&gt;src&lt;/code&gt; (source，图像源文件路径) 和 &lt;code&gt;alt&lt;/code&gt; (alternative text，替代文本，当图片无法显示时会显示这段文字，对SEO和可访问性至关重要) 属性。&lt;/p&gt;</description></item></channel></rss>