【主体框架的认识】

书香 · 发表于 2023-5-18 21:24

本帖最后由书香于 2023-5-21 02:31 编辑

登录/注册后可看大图

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

登录/注册后可看大图

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

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

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

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

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

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

登录/注册后可看大图

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

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

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

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

登录/注册后可看大图

（点击返回课程目录：https://www.52hb.com/thread-58658-1-1.html）

sjtkxy · 发表于 2023-6-5 05:15

提示: 作者被禁止或删除内容自动屏蔽

longge188 · 发表于 2023-9-6 07:56

谢谢分享

榴弹炮 · 发表于 2024-2-10 22:43

这些内容对新人很友好

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

sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	sjtkxy 发表于 2023-6-5 05:15 \| 显示全部楼层快速获取HB的方法：先接任务，然后评分、发帖、回帖等即可快速获得大量HB奖励！提示: 作者被禁止或删除内容自动屏蔽
sjtkxy 当前离线窥视卡雷达卡头像被屏蔽	吾爱汇编论坛-学破解，防破解！知进攻，懂防守！逆向分析，软件安全！52HB.COM

[HTML+CSS+JS] 【主体框架的认识】

评分