web(1)--Web前端开发环境配置与HTML基础

时间：2023-02-25 08:58:08


一、学习目标

  1. 掌握web前端开发工具的使用方法；
  2. 理解<body>、<head>等HTML标记类型和语法；
  3. 掌握HTML文档结构，学会编写简单的HTML程序。

二、实验环境

 VS Code,Win11 

三、学习内容

  1. 下载并安装VS Code，学习使用VS Code进行程序编写；
  2. 下载并安装Sublime、WebStorm等开发工具，练习使用各种开发软件，比较各自优缺点；
  3. 使用VS Code编写一个HTML页面，通过该页面进行个人介绍，介绍内容至少（但不限于）包括：姓名、学号、年龄、性别、爱好、个人照片（可使用其他照片替代），要求页面美观，样式自定。


四、代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人介绍</title>
    <style type="text/css">
        body{background-image: url('fengjing.jpg');
             background-size: cover;
             background-attachment: fixed;
            background-color: azure;}
        div{text-align: center;}
    </style>
</head>
<body>
<h1 align="center">个人介绍</h1> 
<hr size="2" color="blue" width="100%"/>
<p align="center">
<img src="shuaige.jpg" width="300" height="280"><br>
<font face="黑体，宋体" size="5" color="#48D1CC">
<b>姓名：***</b><br>
<b>学号：200511811</b><br>
<b>年龄：20</b><br>
<b>性别：男</b><br>
<b>爱好：打游戏</b><br>
</font>
</p>
<hr size="2" color="blue" width="100%"/>
</body>
</html>

web(1)--Web前端开发环境配置与HTML基础

标签：

相关文章