HTML中的基本标签

在这里一共讲十种基本标签:分别为以下十种:
    段落标记:<p></p>
    标题字:h1~h6
    换行 <br/>
    水平线<hr/>
    预留格式<pre></pre>:保留格式,在HTML源码上是什么格式,到网页上还是这个格式,不变。
    粗体字<b></b>
    斜体字<i></i>
    插入字<ins></ins>
    删除字<del></del>
    右上角加字<sup></sup>
    右下角加字<sub></sub>
    font标签<font></font>:font字体标签

至于效果我们直接上代码:大家可通过HBuilerX等其他任何一个编译器来运行效果:

<html>
	<head>
		<meta charset="utf-8" />
		<title>基本标签</title>
	</head>
	<body>
		<!--段落标记-->
		<p>《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花,觉得花落以后埋在土里最干净,说明她对美有独特的见解。她写了葬花词,以花比喻自己,在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话,成为《红楼梦》中一场情人之间解除误会的绝唱。</p><p>《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花,觉得花落以后埋在土里最干净,说明她对美有独特的见解。她写了葬花词,以花比喻自己,在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话,成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花,觉得花落以后埋在土里最干净,说明她对美有独特的见解。她写了葬花词,以花比喻自己,在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话,成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花,觉得花落以后埋在土里最干净,说明她对美有独特的见解。她写了葬花词,以花比喻自己,在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话,成为《红楼梦》中一场情人之间解除误会的绝唱。《黛玉葬花》是文学名著《红楼梦》中的经典片段。林黛玉最怜惜花,觉得花落以后埋在土里最干净,说明她对美有独特的见解。她写了葬花词,以花比喻自己,在《红楼梦》中是最美丽的诗歌之一。贾宝玉和林黛玉在葬花的时候有一段对话,成为《红楼梦》中一场情人之间解除误会的绝唱。</p>

		<!--标题字-->
		<h1>标题字</h1>
		<h2>标题字</h2>
		<h3>标题字</h3>
		<h4>标题字</h4>
		<h5>标题字</h5>
		<h6>标题字</h6>

		<!--换行标记-->
		hello 
		world!
		<!--长了一只眼睛,独目标记-->
		hello<br/> world!
		
		<!--水平线,独目标签-->
		<hr/>

		<!--color是一个属性,用来指定颜色值-->
		<!--color是属性的名字,red是属性的值-->
		<hr color="red">
		
		<!--HTML中的字符串可以使用单引号,也可以使用双引号-->
		<hr color='red'>
		
		<!--HTML的语法很松散,不严格,去掉单引号双引号也行!-->
		<hr color=green >

		<!--HTML不区分大小写!-->
		<HR>

		<!--预留格式-->
		<!--保留格式,在HTML源码上是什么格式,到网页上还是这个格式,不变。-->
		<pre>
		for(int i = 0; i < 100; i++){
			System.out.println("i = " + i);
		}
		</pre>

		<!--粗体字-->
		<b>粗体字</b>

		<!--斜体字-->
		<i>斜体字</i>

		<ins>插入字</ins>

		<del>删除字</del>

		10<sup>2</sup>

		m<sub>2</sub>

		<!--font字体标签-->
		<!--color是字体颜色,size是字号-->
		<font color="red" size="12">hello world!</font>


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

	</body>
</HTML>

这里有几点需要大家注意:

1:HTML的语法很松散,不严格,去掉单引号双引号也行!

2:HTML中的字符串可以使用单引号,也可以使用双引号

3:HTML不区分大小写!

4:<meta charset="utf-8" /> 这个是告诉浏览器采用哪一种字符编码方式打开该页面。一般这个编码方式要和文件的编码方式相同,不然会乱码。
   windows操作系统的浏览器在没有指定任何编码方式的时候,浏览器默认采用GBK的简体中文的方式打开,这是因为我们的windows操作系统是简体中文环境。 
   而我们程序员,一般工作区当中文件的编码方式都是UTF-8,因为unicode更加通用。 
   当前这个文件就是utf8的编码方式,如果不写以下代码,浏览器会采用GBK的方式打开,就会出现乱码。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值