【主体框架的认识】

admin · 发表于 2022-12-30 21:30:42|字数：894

当我们写上<h,软件会弹出所有的可能代码，我们回车即可变成下图

主体框架一共由两部分组成，head和body，html代码是由标签对编写的，如<title></title>，结束会携带"/"符号
<head></head>里面写的是CSS属性代码，如文本颜色等，<body></body>里面写的是主体组件代码

[HTML] 纯文本查看 复制代码

<!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组件的显示颜色为红色

[CSS] 纯文本查看 复制代码

        <style type="text/css">
                h1{
                        color: red;
                }
        </style>

ctrl+s保存代码，打开data文件夹，双击test.html，浏览器就会显示结果

我们如果想要“测试”2字水平居中，我们可以写text-align: center;

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html>
<head>
        <title>第1个程序</title>

        <style type="text/css">
                h1{
                        color: red;
                        text-align: center;
                }
        </style>

</head>
<body>

        <h1>测试</h1>

</body>
[/size][/font][font=楷体,楷体_GB2312][size=4]</html>

最终显示结果为(刷新即可，不需要重复双击打开，记得先保存代码再刷新)

（点击返回课程目录：https://shuxiangyage.net/forum.php?mod=viewthread&tid=1134）

		自动登录	找回密码
密码			立即注册