一：<html><!--html文档的开始-->
<head><!--头标签,html文档的开头，来描述html文档的信息，head之间的内容不会在浏览器中显视-->
<title>html</title><!--页面的标题，只能添加在<head>文档中-->
</head>
<body>
<!--html文档的主本部分，里面可以加众多的标志，会在浏览器内显示出来的-->
会在浏览器中显示出来的内容
</body><!--双标记指令<标记开头>+内容+</标记结束>构成;以<标记>开头</标记>结束-->
</html> <!--结束-->
二：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html</title>
</head>
<body bgcolor="#CCCCCC" text="#FF0000" topmargin="111" background="3541cf4e3cb892dfd0c86a6c.jpg">
<!--gcolor 表示页面背景色text文字颜色 topmargin上边距 backround背景壁纸;body属性是整个页面的属性-->
<a href="http=https://www.cnblogs.com/">博客园</a><!--<a></a>添加超级链接-->
<font color="#00ff00" face="微软雅黑" size="8"><b><i><center>你好</center></i>?</b></font><br />
<!-- <font> </font>控制字体属性的标签 color是字体的颜色 face是字体的样式，size 是字体的大小,<br/>表示换行-->
<b> 我去</b><br />
<i> 倾斜</i><br />
<u>下划线</u><br>
<strong>字体 加强</strong><br />
<center>居中</center>
<!--<b></b>表示字体加粗<i></i>字休倾斜<u></u>加下划线， 表示空格，<strong></strong>字体的加粗-->
<h1>标题1</h1><!--标题与标题之间是自动换行-->
<p>段落标签，段落跟段落之间默认空行</p>
</body>
</html>