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

三、各种标签

相关推荐
sugar__salt2 天前
从网页小游戏到数据可视化:掌握 HTML5 Canvas 核心能力
前端·信息可视化·html5
meilindehuzi_a2 天前
从 Canvas 到 Vibe Coding:HTML5 游戏开发入门与 AI 飞机大战实战
前端·人工智能·html5
YHHLAI3 天前
HTML5 Canvas 从入门到实战:画布绘图 · 帧动画 · 小游戏 · 数据可视化
前端·信息可视化·html5
li-xun4 天前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
星辰徐哥6 天前
工具推荐:HTML5+AI开发必备的前端调试工具
前端·人工智能·html5
星辰徐哥6 天前
技能提升:自然语言处理在HTML5前端的应用
前端·自然语言处理·html5
星河耀银海6 天前
接口调用:HTML5前端调用AI接口的基础语法与示例
前端·人工智能·html5
贩卖黄昏的熊7 天前
flex 布局快速梳理
开发语言·javascript·css3·html5
Xzh04238 天前
Web 前端开发 — 期末复习指南(Html、Css、Js)
css·html5·web·js·期末
Agatha方艺璇9 天前
前端开发技术复习笔记
vue·bootstrap·css3·html5·web