<!doctype html>
<html>
<head>
<title>HTML的常用标签</title>
<meta charset="UTF-8"> <!-- 这行代码是告诉浏览器使用UTF-8字符集打开; 而不是设置当前页面的编码方式 -->
</head>
<body bgcolor="#fff8dc"> <!-- bgcolor 是<body>标签的属性 表示背景颜色-->
<!-- --> <!-- 这是注释标签,是对代码起解释说明作用的,这里的内容在网页中不会展现出来 -->
<!--<p></p>段落标记-->
<p>《西游记》是明代吴承恩创作的中国古代第一部浪漫主义章回体长篇神魔小说。</p><p>该小说主要讲述了孙悟空出世跟随菩提祖师
学艺及大闹天宫后,遇见了唐僧、猪八戒、沙僧和白龙马,西行取经,一路上历经艰险,降妖除魔,经历了九九八十一难,终于到
达西天见到如来佛祖,最终五圣成真的故事。该小说以“玄奘取经”这一历史事件为蓝本,经作者的艺术加工,深刻地描绘出明代百
姓的社会生活状况。</p></p>《西游记》是中国神魔小说的经典之作,达到了古代长篇浪漫主义小说的巅峰,与《三国演义》《水浒传》
《红楼梦》并称为中国古典四大名著。《西游记》自问世以来在民间广为流传,各式各样的版本层出不穷。明代刊本有六种,清代刊本、
抄本也有七种,典籍所记已佚版本十三种。鸦片战争以后,大量中国古典文学作品被译为西文,《西游记》渐渐传入欧美,被译为英、法、
德、意、西、手语、世(世界语)、斯(斯瓦希里语)、俄、捷、罗、波、日、朝、越等语言。</p>
<!--标题字:是HTML预留的格式,和Word中的标题字相同-->
<h1>标题字1字体最大</h1>
<h2>标题字2</h2>
<h3>标题字3</h3>
<h4>标题字4</h4>
<h5>标题字5</h5>
<h6>标题字6字体最小</h6>
<!--换行标记<br> 不是成对出现的,叫独目标记-->
hello
world
hello <br>world
<!--横线<hr>,也是独目标记-->
<hr>
<!--color(颜色)和width(宽度)都是hr标签的属性-->
<hr color="red" width="50%">
<hr color = 'blue' width = 30%><!--这里的语法比较松散,单引号双引号都可以,没有也行-->
<!--预留格式<pre></pre> 你写成什么样,网页中就显示什么样,这就叫预留格式-->
for (int i = 0;i < 10; i++){
System.out.println("i = " + i);
}
<pre>
for (int i = 0;i < 10; i++){
System.out.println("i = " + i);
}
</pre>
<del>删除字</del>
<ins>插入字</ins>
<b>粗体字</b>
<i>斜体字</i>
<!--右上角标签<sup></sup>-->
10的平方10<sup>2</sup>
<!--右下角标签<sub></sub>-->
m<sub>3</sub>
<!--字体标签 <font></font> 属性color(颜色) size(字号)-->
<font color = 'red' size = "50">字体标签</font><br/>
<!-- 特殊字符
需求 1:把 <br> 换行标签 变成文本 转换成字符显示在页面上
常用的特殊字符:
小于号 < ===>>>> <
大于号 > ===>>>> >
空格 ===>>>>
-->
<!-- 如果想在网页上显示a<b>c 就应该写成下面的样子 并且标签可以嵌套使用 -->
<font color="red" size="30"><b>a<b>c</b></font>
<!-- 如果想在网页中显示 hello world 具体写法如下-->
hello world
</body>
</html>
浏览器中的显示如下图: