HTML标题标签怎么设置字体居中大小颜色-小码王信奥

首页课程体系集训营地信奥资讯关于我们

服务热线：4000596872

HTML标题标签怎么设置字体居中大小颜色

来源：小码王信奥时间：2023-11-02 浏览量：72

HTML标题标签有那些？怎么根据内容规范的使用标题标签,标题标签怎么设置字体居中对齐、字段颜色大小写等样式

HTML标题标签有那些

html标题标签一般指两种：

1.是指title标签 (title标签在head标签里面，head标签是告诉浏览器和搜索引擎，页面主体是干什么的)

2.是指H标签（H标签是body标签里面，body标签是给用户看的，是直接显示到浏览器中，常用的是h1,h2,h3等; ）

标题字体居中对齐

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通高科技</title>
        <style>
            h1{
                display: block;
                background-color: antiquewhite;
                height: 200px;
                width: 220px;
                float: left;
                margin-left: 5px;
            }
            .p1{
                color: green;
                font-size: 18px;
            }
            .p2{
                text-align: center;
            }
            .p3{
                line-height: 200px;
            }
        </style>
    </head>
    <body>
        <h1 class="p1">标题默认未距中</h1>
        <h1 class="p1 p2">标题设置水平距中</h1>
        <h1 class="p1 p2 p3">标题设置垂直水平都距中</h1>
    </body>
</html>

标题字体大小

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通高科技</title>
        <style>
            .p1{
                color: green;
            }
            .p2{
                font-size: 10px;
            }
        </style>
    </head>
    <body>
        <h1 class="p1">未设置标题字体大小</h1>
        <h1 class="p1 p2">设置标题字体20px</h1>

    </body>
</html>

设置标题颜色

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通高科技</title>
        <style>
            .p1{
                color: green;
            }
        </style>
    </head>
    <body>
        <h1 class="p1">标题颜色</h1>

    </body>
</html>

上一篇：html表格居中代码效果

下一篇：nginx怎么读正确发音

你也想0元体验小码王信奥集训营吗？

填写信息免费预约

姓名：

城市：

电话：

免费领取

免责申明：以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理，版权争议与本站无关，文章涉及见解与观点不代表小码王官方立场，请读者仅做参考。本文标题：HTML标题标签怎么设置字体居中大小颜色，本文链接：http://www.xiaomawang.vip/help/20956.html；欢迎转载，转载请说明出处。若您认为本文侵犯了您的版权信息，或您发现该内容有任何涉及有违公德、触犯法律等违法信息，请您立即通过邮件（邮箱号： hzlixy@xiaoma.cn）联系我们及时修正或删除。