做xx闪购网站准备工作

最新推荐文章于 2021-06-18 22:54:45 发布

iheyu

最新推荐文章于 2021-06-18 22:54:45 发布

阅读量255

点赞数

分类专栏： html 文章标签：修改标题引入图片引入CSS样式

本文链接：https://blog.csdn.net/iheyu/article/details/103892234

版权

html 专栏收录该内容

54 篇文章 2 订阅

订阅专栏

1. 创建文件夹cc ——>cc中创建 css,img,js 文件夹与 index.html文件；

2.在 css 文件夹——>创建文本文档——> 重命名为 style.css 文件;

3.打开 vscode ——>找到 cc 文件夹中的 index.html 文件;

D:\cc\index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

4.编辑 index.html 内容：

4.1.修改标题引入图片：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="favicon.ico">
    <!--把图片放到cc文件夹下，直接引入图片-->
</head>
<body>
    
</body>
</html>

在浏览器中显示的效果！

4.2.引入CSS的样式

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米闪购 - 小米商城</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!--把图片放到cc文件夹下，直接引入图片-->
    <link rel="stylesheet" href="style.css">
    <!--引入CSS的样式-->
</head>
<body>
    
</body>
</html>