【HTML】01-html基础介绍和默认标签含义

关注

原创最新推荐文章于 2026-05-15 09:20:02 发布 273 阅读 AI 写同款· GEO 优化 ›

HTML的基础标签 width与height一般情况下和图片原始尺寸保持一致（像素单位的简单介绍），不过不一致也是允许的，但是即使使用width和height缩小图片，也仅仅是视觉上的缩小，浏览器还是需要加载原始的图片资源（并不能减轻请求压力），所以当我们有图片缩放的需求时，应当提前用图片处理软件处理好了之后，再引入图片。<p>被那迎面而来的温热香风吹在脸庞上，萧炎有着瞬间的失神，狠狠的甩了甩头，将心中的旖念压下，手掌拍了拍面前几乎和自己同样身高的少女的小脑袋，无奈的道：“你就不能让我说出来，也好满足一下我的虚荣心么？阅读详情

HTML相关概念

HTML 超文本标记语言(Hyper Text Markup Language)
HTML不是编程语言，是标记语言，依赖于各种预定义标签
HTML和XML的区别
1. XML是严格的标记语言，标签、属性区分大小写，所有标签必须闭合
2. HTML是不严格的标记语言
3. XML用于配置文件、数据的存储和传输
4. HTML用于描述网页、展示数据

HTML、XHTML、HTML5之间的关系

HTML由W3C组织指定标准
几个重要的版本：HTML4.0.1、XHTML1.0、HTML5
XHTML严格的标记语言，只是对HTML进行了规范化要求，也进行了一部分标签的扩展。
HTML5是HTML的升级版本
1. 兼容所有主流的设备和浏览器
2. 增加了很多实用标签，例如：video标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是我的第一个html页面</title>
		<link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon">
	</head>
	<body>
		hello world
	</body>
</html>

<!--
    默认标签：
        1.doctype 声明文档的类型，必须放在文档的第一行。
        2.html标签 是一个双标签，是html文档的根标签
        3.head标签 是html文档的头部标签，里面包含了一系列页面的声明定义，作用范围是整个html文档
            1.meta标签 是一个单标签，charset声明了文档的字符编码类型
            2.title标签 声明页面标题。
            3.浏览器标签图标：<link rel="shortcut icon" href="..." type="image/x-icon">
        4.body标签 是html文档的主体部分，是我们编写html代码的主要区域。
-->