Html文本标签中的常用标签

最新推荐文章于 2024-03-07 20:40:49 发布

兴奋の大公猴

最新推荐文章于 2024-03-07 20:40:49 发布

阅读量151

点赞数

文章标签： html css css3

本文链接：https://blog.csdn.net/qq_46274901/article/details/122484913

版权

文本标签：和文本有关的标签
* 注释：
*

to

：标题标签
* h1~h6:字体大小逐渐递减
*

：段落标签
*
：换行标签
*

：展示一条水平线
* 属性：
* color：颜色
* width：宽度
* size：高度
* align：对其方式
* center：居中
* left：左对齐
* right：右对齐
* ：字体加粗
* ：字体斜体
* :字体标签
* :文本居中
* 属性：
* color：颜色
* size：大小
* face：字体

		* 属性定义：
			* color：
				1. 英文单词：red,green,blue
				2. rgb(值1，值2，值3)：值的范围：0~255  如  rgb(0,0,255)
				3. #值1值2值3：值的范围：00~FF之间。如： #FF00FF
			* width：
				1. 数值：width='20' ,数值的单位，默认是 px(像素)
				2. 数值%：占比相对于父元素的比例

代码实现

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 注释 -->
    <!-- 换行 -->
    锄禾日当午，<br>
    汗滴禾下土。<br>

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

    <!-- 段落标签 p -->
    <p>第一段</p>
    <p>第二段</p>
    <p>第三段</p>

    <!-- hr 显示一条水平线 -->
    <hr color="red" width="200" size="10" align="left">
    <hr>

    <!-- 加粗 -->
    白日依山尽<br>
    <b>白日依山尽</b><br>

    <hr>
    <!-- 斜体 -->
    白日依山尽<br>
    <i>白日依山尽</i><br>

    <hr>
    <!-- 字体标签 font -->
    <font color = "red" size = "5" face = "楷体">白日依山尽</font><br>

    <font color = "#FF00FF" size = "5" face = "楷体">白日依山尽</font><br>

    <!-- 字体居中标签 center -->
    <center>
        <font color = "#FF00FF" size = "5" face = "楷体">白日依山尽</font><br>
    </center>

</body>
</html>