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

三、各种标签

相关推荐
梦想的颜色8 小时前
【AI科普】AI 时代,纯 H5+CSS PK React & Vue:前端技术孰优孰劣深入剖析
ai·前端框架·大模型·vue·react·html5·vibecoding
志尊宝1 天前
Vue3 零基础每日笔记(032):Suspense 与异步组件——懒加载与顶层 await 终极方案
前端·javascript·vue.js·笔记·html5
志尊宝1 天前
Vue3 零基础每日笔记(027):组件上的 v-model——让自定义组件也能双向绑定
前端·javascript·vue.js·笔记·html5
志尊宝2 天前
Vue3 零基础每日笔记(024):组件的创建与使用——从 import 到自动导入
前端·vue.js·笔记·前端框架·html5
梦帮科技2 天前
Next.js 16 模块化单体实战:App Router、领域模块与 Route Handler 分层
css·数据结构·链表·正则表达式·node.js·json·html5
梦帮科技2 天前
从 Guest 到 Platinum:Prompt 配额、API Key 与访问控制的安全闭环
javascript·git·架构·node.js·reactjs·html5·visual studio
嵩风抚3 天前
一款HK银行APP的业务+技术
android·flutter·react native·html5
志尊宝3 天前
Vue3 零基础每日笔记(021):class 与 style 动态绑定——对象、数组、三元表达式写法汇总
前端·vue.js·笔记·前端框架·html5
大模型码小白4 天前
数据可视化:AI 生成 HTML5 动态交互式数据图表
前端·数据库·人工智能·深度学习·机器学习·信息可视化·html5
平头哥技术团队6 天前
Day 21 _ 页内锚点_给每段起个 id,目录写 href=_#id_,点一下页面就滚到那一段
前端·html·html5