[JavaWeb-HTML]HTML文本标签

Posted Wecccccccc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[JavaWeb-HTML]HTML文本标签相关的知识,希望对你有一定的参考价值。

文本标签:和文本有关的标签

		* 注释:<!-- 注释内容 -->
		* <h1> to <h6>:标题标签
			* h1~h6:字体大小逐渐递减
		* <p>:段落标签
		* <br>:换行标签
		* <hr>:展示一条水平线
			* 属性:
				* color:颜色
				* width:宽度
				* size:高度
				* align:对其方式
					* center:居中
					* left:左对齐
					* right:右对齐
		* <b>:字体加粗
		* <i>:字体斜体
		* <font>:字体标签
		* <center>:文本居中
			* 属性:
				* 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. 数值%:占比相对于父元素的比例

示例代码:

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <!-- 注释 -->
<!--  br 换行-->
  白日依山尽,<br/>
  黄河入海流。<br/>

<!--  标题标签 h1~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/>
<hr color = "red" width="200" size = "10" aligh = "left"/>

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

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

<br><br><br><br>

  <hr>
<!--字体标签 font-->
  <font color = "red" size = "5" face = "楷体">白日依山尽</font>
<br/>
  <font color = "#FF00FF" size = "5" face = "楷体">黄河入海流</font>

<br/>

  <font color = "#3626FE" size = "5" face = "楷体">未来可期</font>

  <hr color = "green" width="50%" size = "10" aligh = "left"/>

  <hr color = "green" width="50" size = "10" aligh = "left"/>

  <center>
  <font color = "red" size = "5" face = "楷体">白日依山尽</font>
  </center>

</body>
</html>

在这里插入图片描述

以上是关于[JavaWeb-HTML]HTML文本标签的主要内容,如果未能解决你的问题,请参考以下文章

[JavaWeb-HTML]HTML标签_文本标签_练习

[JavaWeb-HTML]HTML标签_块标签

[JavaWeb-HTML]HTML概念介绍和快速入门

[JavaWeb-HTML]HTML标签(大部分常用标签介绍)

[JavaWeb-HTML]HTML标签_图片标签

[JavaWeb-HTML]HTML标签_链接标签