构建主要 Web 浏览器列表

发布: (2026年1月19日 GMT+8 18:00)
2 min read
原文: Dev.to

Source: Dev.to

概述

在周末连续完成两套相当厚重的理论课程并撰写相关内容后,能够回到 freeCodeCamp 的工作坊实在是松了一口气。这个工作坊让我使用提供的 HTML 模板和描述列表元素,构建一个主要网页浏览器的列表。

HTML 模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
</body>
</html>

主要网页浏览器列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
    <dl>
        <dt>Google Chrome</dt>
        <dd>This is a free web browser developed by Google and first released in 2008.</dd>

        <dt>Firefox</dt>
        <dd>This is a free web browser developed by the Mozilla Corporation and first created in 2004.</dd>

        <dt>Safari</dt>
        <dd>This browser was developed by Apple and is the default browser for iPhone, iPad and Mac devices.</dd>

        <dt>Brave</dt>
        <dd>This is a free web browser first released in 2016 that is based on the Chromium web browser.</dd>

        <dt>Arc</dt>
        <dd>This is a free Chromium‑based web browser first released in 2023 by The Browser Company.</dd>
    </dl>
</body>
</html>

完成工作坊后,我继续学习了一些关于文本和时间语义元素的理论课程。我可能会在今天稍后把这些内容整理完,下一篇文章将是另一个工作坊,这次的主题是求职技巧页面。

Back to Blog

相关文章

阅读更多 »

使用 iframe 构建视频显示

概述:在完成了几节关于使用 iframe 元素的理论课程后,我继续参加了“使用 iframe 构建视频显示”工作坊。

构建 HTML 媒体播放器

构建 HTML 视频播放器 在过去的几天里,我完成了 freeCodeCamp 的另一个工作坊和实验。我进行了一项名为 “Build an HTML V...” 的项目。

构建旅行社页面

项目概述 昨天我完成了 freeCodeCamp 响应式网页设计课程中的 Travel Agency 页面实验。该实验提供了一个关于 fini…的示例。

HTML 基础

什么是 DIV 元素?出于某种原因,我一直没有完全理解该元素是用于将其他元素分组的 container。课程阐明了它们之间的差异……