Menu
CoddyTech

代码设置

Coddy 底部导航栏:HTML/CSS 项目 课程的第 1 课,共 12 课。

让我们从 <head> 标签开始吧!

图标方面,我们会使用 Cloudflare。

challenge icon

挑战

简单
  1. 创建一个 title 标签,文本内容由你决定。

    (例如:“Navigation Bar”)

  2. 添加一个 link 标签,并将 href 设置为:

    https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css

    (注意:请确保在已存在的样式文档 link 标签之前创建上述 link 标签。)

亲手试试

<!DOCTYPE html>
<html>
<head>
    <!-- 在下方编写 HTML -->
    
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        
    </body>
</html>

底部导航栏:HTML/CSS 项目中的所有课

自己练习: Web 在线编辑器