小白搭建个人网站之前端页面（持续更新）

小白搭建个人网站之前端页面（持续更新） 2022-07-08 257

个人网站搭建之前端页面

编写工具：Visual-studio-code+pycharm

建立网站需前端+后端：前端使用VS-code，后端使用python的django框架。此次先搭建好前端页面

html ，VS-code新建页面选择在右下角选择html，这样文件才可以在浏览器查看；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；
我第一次写完运行不起来，是因为我没有安装小插件，安装好插件就可以在浏览器试实时查看效果。 4.先搭建一个简单的html页面

<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落

> <!DOCTYPE html>
<html>
<head>    
<meta charset="utf-8">
<title>Express Myself</title>
</head>
<body>
    <h1>HELLO</h1>
    <h2>My NAME IS</h2>
    <h1>AMY  YAN </h1>
    <p>IM A QUALITY ASSURANCE !</p>
</body>
</html>

可以正常运行起来，查看页面展示。目前简单的html页面已经搭建好了。

Html只是页面，CSS进行渲染页面样式

使用多种方法使div居中

在title之下，bady之上，创建< style></ style>，在这里面调试样式。设置字体颜色与大小：color（颜色）font-size（大小）防止字体挨得太近或太远，可以设置行高控制。line-height:15px 右击查看网上找一个背景图这时候，需要做一个菜单栏，设置一个无序列表：ul

链接: .

免费搭建微信查券返利机器人来轻松赚佣金