在这里一共讲十种基本标签:分别为以下十种:
段落标记:<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的方式打开,就会出现乱码。