个人网站搭建之前端页面
- 个人网站搭建之前端页面
- 编写工具:Visual-studio-code+pycharm
- Html只是页面,CSS进行渲染页面样式
- 使用多种方法使div居中
个人网站搭建之前端页面
编写工具: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>I'M A QUALITY ASSURANCE !</p>
</body>
</html>
可以正常运行起来,查看页面展示。目前简单的html页面已经搭建好了。
Html只是页面,CSS进行渲染页面样式
使用多种方法使div居中
在title之下,bady之上,创建< style></ style>,在这里面调试样式。
设置字体颜色与大小:color(颜色)font-size(大小)
防止字体挨得太近或太远,可以设置行高控制。line-height:15px
右击查看
网上找一个背景图
这时候,需要做一个菜单栏,设置一个无序列表:ul
链接: 多种方法使div居中:https://www.cnblogs.com/a-cat/p/9019184.html.