body中可用标签-文本标签

body中可用标签-文本标签

  • 在body中可以加入很多的文本标签,各种文本标签的效果如示例代码
  • 有些特殊字符直接在文本中输出可能会被转义,所以html提供了这些字符的实体字符表示,具体实体字符有:
结果 描述 实体名称 实体编号
空格    
更大的空格,一个中文字符大小  
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号 &apos; (IE不支持) &#39;
分(cent) &cent; &#162;
£ 镑(pound) &pound; &#163;
¥ 元(yen) &yen; &#165;
欧元(euro) &euro; &#8364;
§ 小节 &sect; &#167;
© 版权(copyright) &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;
  • 示例代码
<!DOCTYPE html>
<!-- 文档类型声明,声明这是一个html5的文档 -->
<html>
	<head>
		<meta charset="utf-8">
		<title>文本标签</title>
	</head>
	<body>
		<!-- 文本标签 -->
		<!-- 标题标签 -->
		<h1>h1标题</h1>
		<h2>h2标题</h2>
		<h3>h3标题</h3>
		<h4>h4标题</h4>
		<h5>h5标题</h5>
		<h6>h6标题</h6>
		
		<!-- 横线标签 
			 width:设置宽度 300px 固定宽度   30% 页面宽度的百分比,随页面大小变化
			 aligh:设置位置 left right center
		
		-->
		<hr width="300px" align="center"/>
		<hr width="30%" align="center"/>

		<!-- 段落标签
			 段落标签,段落内自动换行
			 段落标签之间有空行效果
			 
			 实体字符
			-->
		<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;今&emsp;天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题今天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题今天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题</p>
		<p>今天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题今天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题今天,一则#乡村教师自学编程4年开发43款软件#的话题冲上微博热搜。主人公彭龙是四川泸州一名乡村数学教师,4年多来他自学编程,开发出43款软件用于学校数字化管理。目前,其“信息化管理”课题已成功申请四川省省级课题</p>
		<!-- 加粗 倾斜 下划线 -->
		<b>加粗</b>
		<i>倾斜</i>
		<u>下划线</u>
		<b><i><u>加粗 倾斜 下划线</u></i></b>
		<del>中划线</del>
		
		<!-- 预编译标签:在页面上显示原样效果 -->
		<pre>
			public static void main(String[] args){
				System.out.println("打印输出")
			}
		</pre>
		
		<!-- br是换行标签 -->
		<p>今天,一则#乡村教师自学编程4年开发<br>43款软件#的话题冲上微博热搜。</p>
		
		<!-- 字体标签 
			 size 最大为7
			-->
		<font size="7" color="cyan" face="微软雅黑">字体标签</font>
		
	</body>
</html>

posted @ 2021-02-04 23:01  殃奕  阅读(90)  评论(0编辑  收藏  举报