一、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>标签内。
-->

三、各种标签

相关推荐
aichitang20241 天前
Claude fable 5与GPT5.5模型能力实测
javascript·css·人工智能·ai·html·html5
AI行业学习5 天前
Notepad++快速下载-Notepad++下载方式【2026-7-4】
开发语言·python·前端框架·html·notepad++·html5
sugar__salt23 天前
从网页小游戏到数据可视化:掌握 HTML5 Canvas 核心能力
前端·信息可视化·html5
meilindehuzi_a23 天前
从 Canvas 到 Vibe Coding:HTML5 游戏开发入门与 AI 飞机大战实战
前端·人工智能·html5
YHHLAI24 天前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
li-xun25 天前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
星辰徐哥1 个月前
工具推荐:HTML5+AI开发必备的前端调试工具
前端·人工智能·html5
星辰徐哥1 个月前
技能提升:自然语言处理在HTML5前端的应用
前端·自然语言处理·html5
星河耀银海1 个月前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5
贩卖黄昏的熊1 个月前
flex 布局快速梳理
开发语言·javascript·css3·html5