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

发布日期：2023-11-02 来源：小码王编程查看人数： 7

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

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>

你也想0元试听小码王少儿编程课程吗？
填写信息免费预约

免责说明：以上展示内容源于网络、合作媒体和网友提供，转载请说明出处。我们对站内所有内容、观点保持中立，如您发现该内容有任何违法/侵权信息，请及时联系我们处理！
本文标题：HTML标题标签怎么设置字体居中大小颜色，本文链接： http://www.xiaomawang.vip/help/20956.html

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

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