3.HTML的body标签(文本标签)

版权声明:关于版权问题:因为笔者有一颗热爱分享、奉献的心,如有雷同,纯属巧合,有侵立删,请各大网友监督。本文为博主原创文章,未经博主允许不得转载。除非加上本文章连接即可 https://blog.csdn.net/yi903718741/article/details/82655994

HTML的body标签(文本标签)

标题标签

<!--
     h1~6,注意没有h7哦
    会将其中的数据加粗加黑显示,并且显示依次减弱,标题标签自动换行功能
    属性:
        align
            center 居中  
            left 居左  
            right 居右
-->
<!--标题标签-->
<h1 align="center">今天天气真好,适合学习</h1>
<h2>今天天气真好,适合学习</h2>
<h3>今天天气真好,适合学习</h3>
<h4>今天天气真好,适合学习</h4>
<h5>今天天气真好,适合学习</h5>
<h6>今天天气真好,适合学习</h6>
<h7>今天天气真好,适合学习</h7><!--错误示范-->
今天天气真好,适合学习<!--不加任何标签的纯文本-->

水平线标签

<!--
    hr:会在页面上显示一条水平线
    属性:
        width="像素值" 设置是水平线的宽度
        size="高度"  设置水平线的高度
        color="颜色" 设置水平线的颜色
        px为像素单位占据的是电脑屏幕的大小,%占据的是浏览器窗口的大小
-->
        <!--水平线标签-->        
        <hr width="600px" size="5px" color="blue"/>

段落标签

<!--
 p:会将一段数据作为整体进行显示,主要是进行css和js操作时比较方便,会自动换行(自动换行)
 特点:
   段间距比较大
-->
  <!--段落标签-->   
  <p>国家海洋预报台也在11日15时发布“百里嘉”风暴潮预判,12日下午到13日下午,珠江口到广东阳江沿海</p?

换行符

<!--
    br: 告诉浏览器在此位置换行
-->

<!--换行符-->
<p>国家海洋预报台也在11日15时发布“百里嘉”风暴潮预判,12日下午到13日下午,珠江口到广东阳江沿海<br>将出现30到100厘米的风暴增水,广东茂名到雷州半岛东岸沿海将<br>出现100到200厘米的风暴增水,海南岛东北部沿海将出现30到100厘米的风暴增水</p>

空格标签

<!--
            &nbsp: 告诉浏览器在此位置空格
-->

<!--空格标签-->
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据

权重标签

<!--
权重显示
                b:会将内容加黑显示
                i:会将内容斜体显示
                u:会将内容增加下划线显示
                del:增加中划线
                注意:
                    1.权重显示只针对文本
                    2.可以嵌套使用
-->
<!--权重标签-->
<p>根据<del>最新</del>国家天气局的气象预报,台风“<b>百里嘉</b>”未来最强可达强热带风暴级或台风级,并将于13日白天<br>在广东电白到海南万宁一带沿海登陆(强热带风暴级或台风级)</p>

实例代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>HTML的body标签(文本标签)</title>
        <!--

        -->
    </head>
    <body>
        <!--
            标题标签
                h1~6,注意没有h7哦
                会将其中的数据加粗加黑显示,并且显示依次减弱,标题标签自动换行功能
                属性:
                    align
                        center 居中  left 居左  right 居右
            水平线标签
                hr:会在页面上显示一条水平线
                属性:
                    width="像素值" 设置是水平线的宽度
                    size="高度"  设置水平线的高度
                    color="颜色" 设置水平线的颜色
                    px为像素单位占据的是电脑屏幕的大小,%占据的是浏览器窗口的大小
            段落标签 
                p:会将一段数据作为整体进行显示,主要是进行css和js操作时比较方便,会自动换行(自动换行)
                特点:
                    段间距比较大
            换行符
                br: 告诉浏览器在此位置换行
            空格符
                &nbsp: 告诉浏览器在此位置空格
            权重显示
                b:会将内容加黑显示
                i:会将内容斜体显示
                u:会将内容增加下划线显示
                del:增加中划线
                注意:
                    1.权重显示只针对文本
                    2.可以嵌套使用

            注意
                1.每个标签都有一个或多个以上的属性
                2.对标签的显示样式进行进一步的补充
        -->
        <h1 align="center">今天天气真好,适合学习</h1>
        <h2>今天天气真好,适合学习</h2>
        <h3>今天天气真好,适合学习</h3>
        <h4>今天天气真好,适合学习</h4>
        <h5>今天天气真好,适合学习</h5>
        <h6>今天天气真好,适合学习</h6>
        <h7>今天天气真好,适合学习</h7><!--错误示范-->
        今天天气真好,适合学习<!--不加任何标签的纯文本-->
        <!--水平线标签-->
        <hr width="600px" size="5px" color="blue"/>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据<del>最新</del>国家天气局的气象预报,台风“<b>百里嘉</b>”未来最强可达强热带风暴级或台风级,并将于13日白天<br>在广东电白到海南万宁一带沿海登陆(强热带风暴级或台风级)</p>
        <p>针对“百里嘉”的登陆,中央气象台在<i>11日18时</i>继续发布台风<u>蓝色预警</u>,预计11日20时至12日20时,<br>台湾海峡南部、南海北部以及广东东部沿海将有6-7级大风,<br>阵风8级;其中,台风中心经过的附近海域的风力有8-9级,阵风10级。</p>
        <p>国家海洋预报台也在11日15时发布“百里嘉”风暴潮预判,12日下午到13日下午,珠江口到广东阳江沿海<br>将出现30到100厘米的风暴增水,广东茂名到雷州半岛东岸沿海将<br>出现100到200厘米的风暴增水,海南岛东北部沿海将出现30到100厘米的风暴增水</p>
        <b><i><u>今天天气真好,适合学习</u></i></b>
    </body>
</html>

猜你喜欢

转载自blog.csdn.net/yi903718741/article/details/82655994