HTML标签_文件标签和HTML标签_文本标签1

HTML标签_文件标签：

1．标签学习：

　　1.文件标签∶构成html最基本的标签

　　　　html : html文档的根标签

　　　　head :头标签。用于指定html文档的一些属性。引入外部的资源

　　　　title :标题标签。

　　　　<! DOCTYPE html> : html5中定义该文档是html文档

代码案例：

<!DOCTYPE html>
<html>
< !-- 头部标签 - - >
    <head>
        <title>主题标签</title>
    </head>
< !-- 身体标签 - - >
    <body>

    </body>
</html>

 

 

 

 

HTML标签_文本标签1：

1．文本标签∶和文本有关的标签

注释:< ！--注释内容 -->

<h1> to <h6>：标题标签

h1~h6：字体大小逐渐递减

<p>：段落标签

<br>：换行标签

<hr> :展示一条水平线

　　属性:
　　  color :颜色

　　 width :宽度

　　 size :高度

　　align :对其方式

　　center :居中

　　left :左对齐

　　right :右对齐

代码演示：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
< !-- 头部标签 - - >
    <head>
        <！-- 编码格式 - - >
        <meta charset="UTF-8">
        <title>主题标签</title>
    </head>
<！-- 身体标签 - - >
<body>
            <！--注释->
            <！--br换行-->
            白日依山尽，<!--<br / >--> <br>
            黄河入海流。<br>

            <!--标题标签hi-h6-->
            黑马旅游网<br>
            <h1>黑马旅游网</h1>
            <h2>黑马旅游网</h2>
            <h3>黑马旅游网</h3>
            <h4>黑马旅游网</h4>
            <h5>黑马旅游网</h5>
            <h6>黑马旅游网</h6>

            <!--段落标签p -->
            <p>
                1黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网
            </p>
            <p>
                2黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网
            </p>
            <p>
                3黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网黑马旅游网
            </p>

            <! -- hr显示一条水平线-->
            <hr color="red" width="200" size="10" align="1eft" />
</body>
</html>

 

posted @ 2022-10-24 16:58  冰灵IT  阅读(56)  评论(0)    收藏  举报