HTML在web前端中作为骨架的作用；UTF-8声明浏览器编码，是为防止乱码。基本格式：
HTML基础 ---- HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容的载体。 </body></html> 代码讲解： <html></html>称为根标签，所有的网页标签都在<html></html>中。 <head> 标签用于定义文档的头部，它是所有头部元素的容器。 为 html 文档加上使用的语言类型说明 在很多国际化的网站中会使用到！ <html lang="zh-CN"> </html> 告诉浏览器等设备，语言使用以中文为显示和阅读基础! 而且在手持设备或移动设备不能很好支持css的基础上，浏览器会使用默认的效果，因而提供较好可读性。 举例：
在 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 简介 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简介 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 （兼容性问题） 网页文件的扩展名：.html或.htm HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。 /body> </html> <! DOCTYPE html>声明为HTML5文档。 <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 HTML标签格式 HTML标签是由尖括号包围的关键字，如<html>,
但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性） 静态网页文件扩展名：.html 或 .htm html不是什么？ HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 ? ? html结构 ? <! DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 <body></body>之间的文本是可见的网页主体内容 html标签格式 ? DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
网页三大元素 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、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 基础 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？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, 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 标签。 标题 标题很重要 请确保标题标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。 我们通过使用 标签在 HTML 中创建链接。 #tips">有用的提示 您也可以在其他页面中创建指向该锚的链接： 有用的提示 HTML 忽略空格和换行 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。
</body> </html> 说明：HTML 的输出结果并不会按照源代码中那样去排版内容。 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。段落标签：
文本内容
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。 ---- 文本格式化标签 PLAINTEXT 在网页中有时需要为文字设置粗体、斜体或者下划线效果，这时候就需要用到HTML中的文本格式化标记，使文字以特殊的方式显示。HTML 标题 HTML 标题（Heading）是通过
来定义的。 实例
这是一个段落。
HTML 图像 HTML 图像是通过标签阶段目标：掌握HTML、CSS常用布局技巧，能够独立制作网页。 day01：HTML 基础 目标：掌握标签基本语法，能够独立布局文章页。 骨架 html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS title：网页标题 body：网页主体，用来存放给用户看的信息，例如图片、文字 <html> <head> <title>网页标题</title> </head> <body> 网页主体 </body> </html> 提示 VS Code 可以快速生成骨架：在 HTML 文件 （.html）中，! -- 我是 HTML 注释 --> 06-标题标签 一般用在新闻标题、文章标题、网页区域名称、产品名称等等。
一 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元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。
网页效果图 -- 腾讯云首页 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号
