HTML在web前端中作为骨架的作用；UTF-8声明浏览器编码，是为防止乱码。基本格式：
在 HTML 中，用于描述功能的符号称之为 "标记"，标记在书写时，必须用尖括号括起来(< >) (1). 封闭类型标记 ①. 封闭类型标记必须成对出现 ②. doctype html> 文档类型声明 ，指定当前 html 文档用的是哪个版本,位于文档中的第一句话位置处 7. <html></html> 网页要表示的信息的开始与结束 (1). lang 地区语言 ①. zh-cn 内地 ②. en-uk 英文 ③. zh-tw 台湾 ④. zh-hk 香港 ⑤. fr-fr URL:Uniform Resource Locator 即统一资源定位符/定位器，俗称路径，用来描述资源文件位置的信息，比如 a.html 中想使用 b.jpg ，a.html 就是当前文件，b.jpg 锚点(Anchor)，在 html 文档的某行位置处做一个记号，允许通过超链接跳转到该记号位置处 (1). 定义锚点(做记号) ①.
网页三大元素 HTML：网页的基本结构 CSS：网页的展示效果 JS：网页的功能与行为 HTML 简介 HTML(HyperText MarkupLanguage 超文本标记语言),用于构建网页 超文本 HTML语言第一版诞生 在经历过几个草案之后HTML 2.0于1995年发布，包括了基于表单的文件上传、表格、国际化等功能 1994年W3C成立，随后接管了HTML的标准化工作，并在1997年发布了HTML 3.2 随后发布的HTML4.0 中采用许多特定浏览器的元素类型和属性 2014年 HTML5 作为W3C推荐标准发布 HTML 结构 HTML 文档包含多个 HTML 元素，元素具备不同的特性 HTML DOCTYPE html> ：放在HTML文档最前面的位置，加上之后就会按照W3C的HTML .5标准来解析渲染页面 <html>: 根元素，包含整个页面的内容 <head> :对用户不可见，其中包含例如面向搜索引擎的关键字 "> 关键字 <meta name="description" content="<em>HTML</em><em>基础</em>"> ⻚面描述 <meta name="viewport"content="width=device-width
HTML基础 ---- HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容的载体。 </body></html> 代码讲解： <html></html>称为根标签，所有的网页标签都在<html></html>中。 <head> 标签用于定义文档的头部，它是所有头部元素的容器。 为 html 文档加上使用的语言类型说明 在很多国际化的网站中会使用到！ <html lang="zh-CN"> </html> 告诉浏览器等设备，语言使用以中文为显示和阅读基础! 而且在手持设备或移动设备不能很好支持css的基础上，浏览器会使用默认的效果，因而提供较好可读性。 举例：
但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性） 静态网页文件扩展名：.html 或 .htm html不是什么？ HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 ? ? html结构 ? <! DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 <body></body>之间的文本是可见的网页主体内容 html标签格式 ? DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
阶段目标：掌握HTML、CSS常用布局技巧，能够独立制作网页。 HTML 基础 目标：掌握标签基本语法，能够独立布局文章页。 01-今日课程介绍 今日目标：掌握标签基本语法，能够独立布局文章页。 骨架 html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 <html> <head> <title>网页标题</title> </head> <body> 网页主体 </body> </html> 提示 VS Code 可以快速生成骨架：在 HTML 文件（.html -- 我是 HTML 注释 --> 06-标题标签 一般用在新闻标题、文章标题、网页区域名称、产品名称等等。 -- 在 HTML5 里面，如果属性名和属性值完全一样，可以简写为一个单词 --> <audio src=".
HTML简介 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 （兼容性问题） 网页文件的扩展名：.html或.htm HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。 /body> </html> <! DOCTYPE html>声明为HTML5文档。 <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 HTML标签格式 HTML标签是由尖括号包围的关键字，如<html>,
HTML 简介 HTML 实例 <! DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 ---- 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
一、什么是HTML？HTML是超文本标记语言，超文本标记语言包括文字、图片、音频、视频、动画等。 二、HTML的发展史三、HTML5的优势世界知名浏览器厂商对HTML5的支持、微软、Google、苹果、市场的需求等四、HTML基本结构<html> <! --主体部分--> <body> 我的第一个网页 </body></html>五、DOCTYPE声明<!DOCTYPE html><! --html告诉浏览器使用什么规范--><html><head lang="en"> <meta charset="utf-8"/> <title>新建标签页</title></head>< body></body></html>六、<title>标签七、<meta>标签utf-8 则包含全世界所有国家需要用到的字符，页面编码应与页面文件保存时的编码一致八、标题标签
HTML 基础 HTML 小复习(主要是自己不常用的知识点，语义化标签) 网页三大元素： HTML：网页的基本结构 CSS:网页的展示效果 JS：网页的功能与行为 HTML 简介 HTML(HyperText HTML 结构 HTML 文档包含多个 HTML 元素,元素具备不同的特性 HTML 元素 = 开始标签 + 结束标签 + 元素内容
test
3. 部分元素是单标签元素。 HTML 固定结构 <! DOCTYPE html>:HTML文档最前面的位置，加上后会按W3C的HTML5标准来解析渲染页面 2. <html>:根元素，包含整个页面的内容 3. <meta name="description" content = "<em>HTML</em><em>基础</em>">：页面描述 4.段落标签：
文本内容
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。 ---- 文本格式化标签 PLAINTEXT 在网页中有时需要为文字设置粗体、斜体或者下划线效果，这时候就需要用到HTML中的文本格式化标记，使文字以特殊的方式显示。HTML 基础 本章展示最常用的 HTML 标签。 标题 标题很重要 请确保标题标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。 我们通过使用 标签在 HTML 中创建链接。 #tips">有用的提示 您也可以在其他页面中创建指向该锚的链接： 有用的提示 HTML 忽略空格和换行 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。
</body> </html> 说明：HTML 的输出结果并不会按照源代码中那样去排版内容。 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。超文本标记语言 (HTML, HyperText Markup Language) ，是构成网页的最基础的内容，用来创建并以可视化方式来呈现网页，它确定了一个网页的内容而不是功能HTML 给英文文本加上了标记 >,<title>,<body>, ,,, 等等，这些元素形成了构建网页的基础HTML 的基本结构<! </body></html>HTML5 中的文档声明：<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">HTML 并展示内容，文件后缀名为 .htmlCSS层叠样式表，表现网页的形式，外观，布局，文件后缀名为 .cssJavaScript脚本语言，给网页增加动态功能，用户交互，做动画，提高用户体验，文件后缀名为 .js基础元素
HTML 标题 HTML 标题（Heading）是通过
来定义的。 实例
这是一个段落。
HTML 图像 HTML 图像是通过标签一 html html结构 !DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>。 <head></head>元素出现在文档的开头部分。 DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 URL举例 http://www.sohu.com/stu/intro.html http://222.172.123.33/stu/intro.html URL地址由4部分组成 第1部分：为协议：http 表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。
阶段目标：掌握HTML、CSS常用布局技巧，能够独立制作网页。 day01：HTML 基础 目标：掌握标签基本语法，能够独立布局文章页。 骨架 html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 <html> <head> <title>网页标题</title> </head> <body> 网页主体 </body> </html> 提示 VS Code 可以快速生成骨架：在 HTML 文件 （.html）中，! -- 我是 HTML 注释 --> 06-标题标签 一般用在新闻标题、文章标题、网页区域名称、产品名称等等。
网页效果图 -- 腾讯云首页 image.png 2. html的定义 HTML 的全称为：HyperText Mark-up Language, 指的是超文本标记语言。 标记：就是标签, <标签名称> </标签名称>, 比如: <html></html>、
等，标签大多数都是成对出现的。 所谓超文本，有两层含义: 因为网页中还可以图片、视频、音频等内容(超越文本限制) 它还可以在网页中跳转到另一个网页，与世界各地主机的网页链接(超链接文本) 3. html的作用 html是用来开发网页的 小结 html是开发网页的语言 html中的标签大多数都是成对出现的, 格式: <标签名></标签名>HTML语法
1.单标记
2.双标记
3.属性
1.单标记
HTML中是不区分大小写的，空格与回车在其中无效果
HTML中用于描述功能的符号称为“标记”，单标记是其中的一种。
点赞
收藏
关注
</body>
</html>
添加br标记后的网页效果：
单标签还有：
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格标签</title> </head
HTML结构 结构 1.基本结构 2.头部内容 3.主体内容 4.页面的开头 结构 1.基本结构 以下代码是HTML的基本结构： <! DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="Generator" content=""> <meta name > 看起来有些复杂，我们可以去掉一些部分，看起来更简单： <html> <head> <title>一个标题</title> </head> <body> </body> </html HTML文档的开始代码,出现在第一句： <html> HTML文档的结束代码,出现在末尾： </html> 其他所有HTML代码都位于这两个标记之间，这两个标记的作用就是告知浏览器这是一个Web文档，该按 DOCTYPE html> <html> </html> 上面是HTML5简化后的声明代码 DOCTYPE标记常常被用来声明要使用什么风格的HTML或XHTML； 此标记使浏览器知道应当如何处理文档
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号
