HTML基础入门：构建网页的基本结构与实例解析-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45847691/article/details/125406874

文章目录

HTML 概念
基本结构

HTML 概念

HTML，超文本标记语言，简单来说，平时我们看到的网页就是通过HTML制作的。HTML是一门描述性语言。

基本结构

在这里插入图片描述
由

文档声明
根元素
页头（里面有原数据、搜索引擎的keyword、tiele、脚本css文件链接等）
页身（上网能看到的内容实际上就是body中的内容）
根元素
构成

举例：

<!doctype html>//html 的文档声明
<html>//html 根元素
<head>//头 开始部分  
<meta charset="utf-8">
<title>test1</title>
	
</head>//头 结束部分
	
<body>//body 开始
	......
</body>
</html>// 根元素

例子2：

<!doctype html>
<html>
<head>
<title>第一个测试</title>
	<meta charset="utf-8">
	<style>
		.box {
			width: 600px;
			height: 1200px;
			margin: auto;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			text-align: center;
		}
	</style>
</head>

<body>
	<div class="box">
	<h1>最大的标题</h1>
	<h2>副标题</h2>
	<p>正文内容</p>
	<img src="img-1c8d84bf8101e8be6672ae7a2f1b360a.jpg" 
		 alt="显示信息" width="200px">
	<br>
	<a href="https://www.baidu.com" target="_blank">百度</a>
		</div>
</body>
</html>