一、HTML5知识点精讲

一、HTML5介绍

html是用来描述网页的一种语言(就是写网页 的一种语言)。

它和CSS,JS称为网页三要素。

HTML 负责把元素简单呈现在网页上,是网页的身体
CSS 负责给网页元素添加各种样式,是网页的衣服
JS 负责实现各种动态、交互效果,是网页的灵魂

html全称超文本标记语言
超文本 :超文本不仅仅是静态的字符组合,而是可以包含各种链接、多媒体元素等丰富内容的载体。
标记语言:通过特定的标记符号来描述文档结构和内容的语言

HTML就是通过各种标签来实现网页的内容的。

HTML5 是 HTML 的最新版本,在文档结构、多媒体支持、表单增强等多方面进行了扩展和优化。

二、HTML框架

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>
<!-- 
说明:上面是HTML语句的基本框架,后续所有内容都在这个框架内完成。
"<!DOCTYPE html>":是H5的声明,位于文档的最前面,他是网页必备的组成部分,避免浏览器的怪异模式。
"<html></html>":定义HTML文档,用于告知浏览器这是一个 HTML 文档的根元素,其他元素都要在它里面
"<head></head>":定义文档的头部信息。它通常包含文档的元数据,如标题、字符编码、引用的外部样式表和脚本文件等。这些信息不会直接在网页上显示,但对网页的呈现和功能起着重要作用。
"<meta/>":用来描述一个HTML网页文档的属性,关键词等。
"<title></title>":定义文档的标题,显示在浏览器窗口的标题栏或状态栏上。
"<body></body>":定义文档的主体内容。网页上可见的文本、图像、链接、表格、表单等各种元素都放置在<body>标签内。
-->

三、各种标签

相关推荐
CappuccinoRose3 小时前
HTML语法学习文档 - 汇总篇
前端·学习·html5
henry1010107 小时前
DeepSeek生成的HTML5小游戏 -- 投篮小能手
前端·javascript·css·游戏·html5
享誉霸王1 天前
15、告别混乱!Vue3复杂项目的规范搭建与基础库封装实战
前端·javascript·vue.js·前端框架·json·firefox·html5
CappuccinoRose1 天前
HTML语法学习文档(九)
前端·学习·架构·html5
linux_cfan2 天前
拒绝“黑屏”与“哑剧”:Web视频播放器UX体验与自动播放选型指南 (2026版)
前端·javascript·音视频·html5·ux
CappuccinoRose3 天前
HTML语法学习文档(五)
前端·html·html5·表单
程序员林北北3 天前
【前端进阶之旅】Svelte:编译即框架,让前端开发回归简洁
前端·javascript·vue.js·react.js·html5
linux_cfan3 天前
2026版 WordPress 视频插件终极选型:知识付费创作者如何低成本打造专业在线课堂?
前端·javascript·音视频·html5
长城20244 天前
HTML5中可以省略属性值的11个属性总结
前端·html·html5·属性值·省略属性值
linux_cfan4 天前
从“线性观看”到“语义检索”:企业级视频知识库播放器选型指南 (2026版)
javascript·学习·音视频·html5