当我们写上<h,软件会弹出所有的可能代码，我们回车即可变成下图
主体框架一共由两部分组成，head和body，html代码是由标签对编写的，如<title></title>，结束会携带"/"符号
<head></head>里面写的是CSS属性代码，如文本颜色等，<body></body>里面写的是主体组件代码
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html><html><head> <title>第1个程序</title> <style type="text/css"> h1{ color: red; } </style> </head><body> <h1>测试</h1> </body></html> |
body里我使用和<h1>测试</h1>,h1是组件名，浏览器就会给我创建一个h1组件，文字显示是测试
head里面我对h1的属性进行了设置，让h1组件的显示颜色为红色
|
1
2
3
4
5
|
<style type="text/css"> h1{ color: red; }</style> |
ctrl+s保存代码，打开data文件夹，双击test.html，浏览器就会显示结果
我们如果想要“测试”2字水平居中，我们可以写text-align: center;
|
1
2
3
4
5
|
<style type="text/css"> h1{ color: red; }</style> |
最终显示结果为(刷新即可，不需要重复双击打开，记得先保存代码再刷新)
扫一扫
480
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
