Commonly used HTML tag
One, written <head>in marker
（1）<title>标记：设置页面的标题
（2）<meta>标记：a 设置页面自刷新
b 设置页面中文的编码
（3）<script>标记：用于写JavaScript代码，用来实现页面端动态交互效果的。
（4）<link>标记： a 设置页面标题的那个图标
b 引入外部的CSS样式
（5）<style>标记：写CSS代码的
Second, write in <body>the mark
（1）<h1>到<h6>标记：标题标记，可以在HTML页面中定义6个标题标题，从h1
到h6，其中数字越小，级别越高，显示的文字越大，字体都是加粗效果。
（2）<font>标记：用于设置字体，字号(1-7)和颜色
（3）<strong>、<b>标记：字体加粗标记
（4）<br/>标记：换行
（5）<em>、<i>标记：斜体标记
（6）<u>标记：下划线标记
（7）<center>标记：居中标记
（8）空格的转义写法： 表示一个空格
（9）大于、小于的转义写法： <用<表示 >用>表示
（10）段落标记：p标记，把一个段落的内容放在p标记中。
（11）<hr/>标记：在页面中画出一条水平分割线
（12）<div>、<span>标记：
div标记是典型的块标记，只会对div标记中的内容换行，不会有其它的功能。
span标记是典型的行内标记，不会对内容换行，也没有其它什么功能。
块标记：会另起一行的标记 <br/> <p> <h1>~<h6> <center> <div>....
行内标记：不会另起一行的标记 <font> <strong> <b> <u> <em> <i> <span>....
总结：div和span标记因为它的典型性，更多的是参与页面的整体布局。
Code section:
part1:
<html>
<head>
<!-- 设置页面的标题 -->
<!-- 以为从<title>后面所有的都是<title>内容 -->
<!-- <title>百度一下，你就知道<title> -->
<title>百度一下，你就知道</title>
<!-- 设置页面的自刷新 -->
<!-- refresh表示自刷新；2表示刷新的时间间隔，秒 -->
<!-- 单标记，既表示开始标记，又表示结束标记 -->
<meta http-equiv="refresh" content="2" />
<!-- 演示自刷新效果的 script标记用于写JavaScript代码 -->
<!-- alert 弹出一个提示框
<script>
alert("hello");
</script>
-->
<!-- 设置页面中文的编码 -->
<!-- 一般互联网采用的都是用UTF-8，设置的和文本编译器一致-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- 设置标题中的图标 -->
<link rel="icon" href="a.png" />
</head>
<body style="color:red;font-size:40">
<center>
你好，欢迎学习HTML标记语言
<!-- 我是注释，能看到我吗？ -->
</center>
</body>
</html>
Renderings:
part2:
<html>
<head>
<title> body体中常用的标记 </title>
</head>
<body>
<!-- 标题标记 h1~h6 -->
今天天气不错
<h1> 今天天气不错 </h1>
<h2> 今天天气不错 </h2>
<h3> 今天天气不错 </h3>
<h4> 今天天气不错 </h4>
<h5> 今天天气不错 </h5>
<h6> 今天天气不错 </h6>
<!-- font标记：修改字体、字号（1-7）和颜色 -->
<font face="楷体" size="6" color="green">
今天天气不错
</font>
<!-- 换行标记 -->
<br/>
<br/>
<br/>
<!-- 加粗标记 strong b(blod) -->
<strong>今天</strong>天气<b>不错</b>
<br/>
<!-- 斜体标记 em i(italic) -->
<em>今天</em>天气<i>不错</i>
<br/>
<!-- 下划线标记 u(underline) -->
今天<u>天气</u>不错
<br/>
今天是<u><em><b>星期二</b></em></u>
<br/>
<!-- 居中标记 center -->
<!-- 空格转义 -->
<center>今天心情 还不错</center>
<!-- 小于大于转义 < > -->
<<Java编程思想>>
<!-- 段落标记 p -->
<h1>今天是3月17日:</h1>
<p>
今天是<font color="red">星期二</font>，要上课，人，来到这世上，总会有许多的不如意，也会有许多的不公平；会有许多的失落，也会有许多的羡慕。你羡慕我的自由，我羡慕你的约束；你羡慕我的车，我羡慕你的房；你羡慕我的工作，我羡慕你每天总有休息时间。或许，我们都是远视眼，总是活在对别人的仰视里；或许，我们都是近视眼，往往忽略了身边的幸福。 事实上，大千世界，不会有两张一模一样的面孔，只要你仔细观察，总会有细微的差别。同是走兽，兔子娇小而青牛高大；同是飞禽，雄鹰高飞而紫燕低回。
</p>
<p>
明天是星期三，要上课，人，总会有智力、运气的差别；总会受环境、现实的约束；总会有人在你切一盘水果时，秒杀一道数学题；总会有人在你熟睡时，回想一天的得失；总会有人比你跑的快……参差不齐，才构成了这世界上一道道亮丽的风景。卞之琳说：你站在桥上看风景，看风景的人在楼上看你。是的，走在生活的风雨旅程中，当你羡慕别人住着高楼大厦时，也许瑟缩在墙角的人，正羡慕你有一座可以遮风的草屋；当你羡慕别人坐在豪华车里，而失意于自己在地上行走时，也许躺在病床上的人，正羡慕你还可以自由行走…… 有很多时候，我们往往不知道，自己在欣赏别人的时候，自己也成了别人眼中的风景。
</p>
<hr/>
被水平线分割了
<hr/>
<!-- div和span标记 -->
今天是星期二，<div>早上起来就上课，</div>休息的时候吃了饭，<span>又睡了一会，</span>然后又继续上课。
</body>
</html>
Renderings:
