<!DOCTYPEhtml><!--定义文档类型-->
<html>
<head>
<!--HTML基本必须元素，头文件用于定义文档所需的头部元素容器-->
<!--定义文档使用的字符集-->
<meta charset="UTF-8">
<meta name="keywords" content="HTML结构,CSS应用,网页"><!--定义网页关键字 检索字等-->
<meta name="description" content="HTML的基础结构,HTML基础标签"><!--描述网页的主要内容-->
<meta http-equiv="refresh" content="30"><!--定时刷新页面-->
<meta name="author" content="子傅"><!--定义页面的作者-->
<link rel="stylesheet" type="text/css" href="./lib/css/css.css"><!--外链样式表-->
<script src="./lib/js/jquery-3.4.1.js"></script> <!--外联js文件-->
<title>网页基本结构</title> <!--网页显示的标题-->
<!--页内样式定义-->
<style>
.box{ width:400px; height:200px;text-align:center;margin:auto;padding-top:20px;color:#FFFFFF; background-color:#333333; }
</style>
</head>
<body><!--定义文档主体，包含文档所有的内容，如文本、超链接、图像、表格、列表等等-->
<div class="box"> <!--常见的页面布局元素标签-->
<h3>网页的基本结构，标题h3</h3> <!--元素标签 标题-->
</div>
</body>
</html>
实例
<!DOCTYPEhtml><!--定义文档类型-->
<html>
<head>
<!--HTML基本必须元素，头文件用于定义文档所需的头部元素容器-->
<!--定义文档使用的字符集-->
<meta charset="UTF-8">
<meta name="keywords" content="HTML结构,CSS应用,网页"><!--定义网页关键字 检索字等-->
<meta name="description" content="HTML的基础结构,HTML基础标签"><!--描述网页的主要内容-->
<meta http-equiv="refresh" content="30"><!--定时刷新页面-->
<meta name="author" content="子傅"><!--定义页面的作者-->
<link rel="stylesheet" type="text/css" href="./lib/css/css.css"><!--外链样式表-->
<script src="./lib/js/jquery-3.4.1.js"></script> <!--外联js文件-->
<title>网页基本结构</title> <!--网页显示的标题-->
<!--页内样式定义-->
<style>
.box{ width:400px; height:200px;text-align:center;margin:auto;padding-top:20px;color:#FFFFFF; background-color:#333333; }
</style>
</head>
<body><!--定义文档主体，包含文档所有的内容，如文本、超链接、图像、表格、列表等等-->
<div class="box"> <!--常见的页面布局元素标签-->
<h3>网页的基本结构，标题h3</h3> <!--元素标签 标题-->
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
