之前学习HTML时仅仅是把登录注册等这些表单页面效果 做出来，址遇服务器是怎么处理这些数据的就不是前端所需要考虑的了，学习HTML只需要把效果做出来就可以了，而不需要管数据处理。 DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8">
在HTML中，单选框也是使用Input标签来实现的，其中type属性取值为radio。 DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8">
HTML在web前端中作为骨架的作用；UTF-8声明浏览器编码，是为防止乱码。基本格式：
一、什么是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><
十三、特殊符号特殊符号字符实体示例空格百度 新浪大于号(>)>如果时间>晚上6点，就坐车回家小于号(<)<如果时间<早上7点，就走路去上学引号(")"HTML的属性值必须用成对的HTML 基础 HTML 小复习(主要是自己不常用的知识点，语义化标签) 网页三大元素： HTML：网页的基本结构 CSS:网页的展示效果 JS：网页的功能与行为 HTML 简介 HTML(HyperText HTML 结构 HTML 文档包含多个 HTML 元素,元素具备不同的特性 HTML 元素 = 开始标签 + 结束标签 + 元素内容
test
3. 部分元素是单标签元素。 DOCTYPE html>:HTML文档最前面的位置，加上后会按W3C的HTML5标准来解析渲染页面 2. <html>:根元素，包含整个页面的内容 3. <meta name="description" content = "<em>HTML</em><em>基础</em>">：页面描述 4. <style>:CSS样式 7. <meta "http-equiv="expires" content="31 Dec 2021">：http头部，可以向浏览器发送一些信息，如网页到期时间 8.HTML 简介 HTML 实例 <! DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 ---- 什么是HTML? HTML 是用来描述网页的一种语言。 HTML 文档包含了HTML 标签及文本内容 HTML文档也叫做 web 页面 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 background:url(图片的绝对地址|相对地址) #000no-repeat; } 3.br 换行 4.hr 水平线 5.p 段落标签 6.a herf="" 超链接 7.
HTML简介 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 （兼容性问题） 网页文件的扩展名：.html或.htm HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。 /body> </html> <! DOCTYPE html>声明为HTML5文档。 <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 HTML标签格式 HTML标签是由尖括号包围的关键字，如<html>,
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 . border 边框宽度，默认为 0 (5). cellpadding 设置单元格内边距，单元格边框与内容之间的距离 (6). cellspacing 设置单元格外边距，单元格与单元格之间的距离 (7) align 水平对齐 (2). valign 垂直对齐 (3). width 宽度 (4). height 高度 (5). colspan 设置单元格的跨列 (6). rowspan 设置单元格的跨行 (7)
网页三大元素 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是网页内容的载体。 为 html 文档加上使用的语言类型说明 在很多国际化的网站中会使用到！ <html lang="zh-CN"> </html> 告诉浏览器等设备，语言使用以中文为显示和阅读基础! 而且在手持设备或移动设备不能很好支持css的基础上，浏览器会使用默认的效果，因而提供较好可读性。 举例：
但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性） 静态网页文件扩展名：.html 或 .htm html不是什么？ HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 ? ? html结构 ? <! DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE<em>7</em>"
阶段目标：掌握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 中创建链接。 #tips">有用的提示 您也可以在其他页面中创建指向该锚的链接： 有用的提示 HTML 忽略空格和换行 对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时，浏览器会移除源代码中多余的空格和空行。
</body> </html> 说明：HTML 的输出结果并不会按照源代码中那样去排版内容。 注释 可以将注释插入 HTML 代码中，这样可以提高其可读性，使代码更易被人理解。段落标签：
文本内容
是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。 ---- 文本格式化标签 PLAINTEXT 在网页中有时需要为文字设置粗体、斜体或者下划线效果，这时候就需要用到HTML中的文本格式化标记，使文字以特殊的方式显示。超文本标记语言 (HTML, HyperText Markup Language) ，是构成网页的最基础的内容，用来创建并以可视化方式来呈现网页，它确定了一个网页的内容而不是功能HTML 给英文文本加上了标记 >,<title>,<body>, ,,, 等等，这些元素形成了构建网页的基础HTML 的基本结构<! DOCTYPE html>浏览器识别使用的是 HTML 的哪个版本，如果不写，在低版本IE（IE6，7，8）可能会触发怪异模式，文档声明的演变有着复杂深长的历史，但今天的我们只需知道上方的文档声明告诉了浏览器需要遵循 ，份额为 4.54%Opera 浏览器，市场份额为 1.93%火狐浏览器，份额为2.04%注释：国内 IE 浏览器市场份额中，IE 8 的份额为 12.08%，IE 9 的份额为 10.32%，IE 7 并展示内容，文件后缀名为 .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标记后的网页效果：
单标签还有：
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号
