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

三、各种标签

相关推荐
云水一下19 小时前
HTML5 从入门到精通:不止于标签——HTML5 高级特性,小交互无需 JavaScript
前端·html5
云水一下20 小时前
HTML5 从入门到精通:语义为王——结构标签让网页会“说话”
前端·html5
云水一下21 小时前
HTML5 从入门到精通:优化与扩展——资源加载、SEO 基础与无障碍入门
前端·html5
云水一下2 天前
HTML5 从入门到精通:有声有色——音频、视频与嵌入内容,让网页告别沉默
前端·音视频·html5
云水一下2 天前
HTML5 从入门到精通:连接世界——超链接与图片,还有表格初探
前端·html5
云水一下2 天前
HTML5 从入门到精通:夯实基础——文本格式化、列表与容器,让网页内容更丰富
前端·html5
云水一下2 天前
HTML5 从入门到精通:交互之门——表单标签,让网页收集用户数据
前端·html5
审判长烧鸡4 天前
【AI问答/前端】前端瞒天过海局(三)
前端·vue·html5·js
sugar__salt5 天前
全栈开发最小知识图谱:语义化·DOM·模块化·npm
javascript·html5
ZC跨境爬虫7 天前
跟着 MDN 学CSS day_3:(为一个传记页面添加样式)
前端·javascript·css·ui·音视频·html5