总结
这段代码主要是练习HTML的结构，包括<!doctype html>、<head>、<body>、<meta>、<title>、<link>以及一些常见标签，如：h1至h6，p标签，div标签，a超链接标签等待，还包括部分常见属性等。
实例
<!--1:前端知识介绍-->
<!--文档结构：html\head\body\meta\title\link-->
<!-- 声明 告诉浏览器以下的文档是html文档 -->
<!doctype html> <!-- 声明该文档是html文档，HTML5的文档 -->
<html lang="en">
<head>
<meta charset="UTF-8"> <!-- 元信息，设置字符集 -->
<!-- 不允许用户缩放 -->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>我的第一个HTML文档</title> <!-- 设置浏览器页面上的标题信息 -->
<!-- 设置浏览器标题左边的小图标 -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- rel:规定当前文档与被链接文档之间的关系-->
<!-- type:定义被连接文档的类型 -->
<link rel="stylesheet" type="text/css" href=""> <!-- 引入外部样式表 -->
<!-- 内部样式表 -->
<style>
/*清除浏览器自带的内外边距*/
*{margin: 0;padding: 0;}
p{
width: 400px;
text-indent: 2em; /*首行缩进两个格*/
}
</style>
</head>
<body>
<!-- 标题标签，h1-h6文字逐渐减小 -->
<h1>第一个标题标签元素</h1>
<h3>第二个标题标签元素</h3>
<h5>第一个标题标签元素</h5>
<!-- 段落标签元素 -->
<p>icon是一种图标格式，用于系统图标、软件图标等，这种图标扩展名为*.icon、*.ico。常见的软件或windows桌面上的那些图标一般都是ICON格式的。icon元素包括两个可选的子元素：small-icon子元素和large-icon子元素。</p>
<b>此标签是加粗字体</b><br>
<small>此标签是小号字体</small><br>
<hr> <!-- 水平线 -->
<strong>加重语气的字体</strong> <!-- 加重语气的字体 -->
<br>
<del>定义带删除线的字体</del> <!-- 定义带删除线的字体 -->
<p>
<!-- 鼠标移上时会弹出title的文本 -->
<abbr title="Hyper Text Markup Language">HTML</abbr>超文本标记语言
</p>
<!-- 在新建窗口打开网页 -->
<a href="http://www.baidu.com/" target="_blank">百度</a>
<div>
<a href="zy3-11-2.html" target="_blank">到另一个网页中</a>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
