DOCTYPE html> <html> <head> <meta charset="utf-8"> <! 因为在HTML语义化中了解到：学习 HTML 的目的就是在需要的地方使用恰当的标签（也就是语义化）。 DOCTYPE html> <html> <head> <meta charset="utf-8"> <! --表脚-->
DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content border-box属性④圆角：border-radius a.正方形圆角=边长一半时，是圆形 b.可以单独设置某角：border-top/bottom-left/right-radius4、 转换元素特性：display1、属性（1）none：隐藏（不会显示出来，检查时可找到）（2）block：转成块级元素（会自动换行h1,div,p）（3）inline：转成内联元素（不会自动换行span,a）（4） .box3{ background-color: rgb(84, 223, 25); float: right; } .box4{
<div class="box<em>4</em>"，大于0时向右偏移，小于0时向左偏移； 2）shadowOffsetY：阴影与图形的垂直距离，默认值为0，大于0时向下偏移，小于0时向左偏移； 3）shadowColor：阴影的颜色，默认值为黑色； 4） 并不会开始新路径：moveTo()、lineTo()、strokeRect()、fillRect()、rect()、arc()、arcTo()、quadricCurveTo()、bezierCurveTo()； 4） Canvas中的绘制方法如stroke()、fill()等都是以之前最近的beginPath()后面所有定义的状态为基础进行绘制的。 4. 其他应用 4.1 toDataURL() 可以使用toDataURL()方法来将画布保存为一张图片。
HTML笔记（4） 开始今天的学习： HTML中的注释： <! --内容--> 特殊字符： 特殊字符 字符代码 空格 (Non-breaking space) >大于 >(greater than) <小于 <(less than) HTML 单元格之间的像素值 内容与单元格之间的像素值 表格的宽度 高度--> <table align="center" border="1" cellspacing="0" cellpadding="<em>4</em>" 视频中的老师布置了一个案例的作业，尝试了一下（网址是随便填的）： <table align="center" border="1" cellspacing="0" cellpadding="<em>4</em>"
HTML在web前端中作为骨架的作用；UTF-8声明浏览器编码，是为防止乱码。基本格式：
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 标签及文本内容 HTML文档也叫做 web 页面 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 （二）img 图像标签 src 是必须属性 图像路径分两种 1.绝对地址：网络地址 2.相对地址：本地地址 可添加|设置： 1.width 宽度 2.height 高度 3.border 边框 4. 如： body{ background:url(图片的绝对地址|相对地址) #000no-repeat; } 3.br 换行 4.hr 水平线 5.p 段落标签 6.a herf="" 后以键值对形式拼接 大小受限制 不安全 效率较高 浏览器默认（百度） post : 相对安全 大小没限制 请求体重 4.enctype 如果表单中存在文件上传，需要更改 selected>娇蛮型</option> <option value="3">可爱型</option> <option value="<em>4</em>"
在 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基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、javascript三者的关系 HTML是网页内容的载体。 为 html 文档加上使用的语言类型说明 在很多国际化的网站中会使用到！ <html lang="zh-CN"> </html> 告诉浏览器等设备，语言使用以中文为显示和阅读基础! 例如： <body>
网页三大元素 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-今日课程介绍 今日目标：掌握标签基本语法，能够独立布局文章页。 <title>网页标题</title> </head> <body> 网页主体 </body> </html> 提示 VS Code 可以快速生成骨架：在 HTML 文件（.html
但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性） 静态网页文件扩展名：.html 或 .htm html不是什么？ HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 ? ? html结构 ? <! DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 URL举例 http://www.sohu.com/stu/intro.html http://222.172.123.33/stu/intro.html URL地址由4部分组成 第1部分：为协议：http ://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。
HTML 基础 本章展示最常用的 HTML 标签。 标题 标题很重要 请确保标题标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。
---- 标题标签 单词缩写：head 头部、标题 为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即： h1 h2 h3 h4 h5 h6 标题标签语义：作为标题使用 -- 浏览器加载资源顺序如下 --> <link rel="prefetch" as="video" href="<em>4</em>.<em>html</em>"> <link rel="stylesheet" href="2.css" <html lang="zh-CN" manifest="/manifest/main.appcache"> HTML5中audio与video： 音频 HTML5 中提供的音频 API 标签为 ，使用示例如： 兼容写法
超文本标记语言 (HTML, HyperText Markup Language) ，是构成网页的最基础的内容，用来创建并以可视化方式来呈现网页，它确定了一个网页的内容而不是功能HTML 给英文文本加上了标记 >,<title>,<body>, ,,, 等等，这些元素形成了构建网页的基础HTML 的基本结构<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[http://www.w3.org/TR/html4/strict.dtd](http://www.w3 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">HTML DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">HTML
一、什么是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><
有勇气就会有奇迹
十、换行标签有勇气
HTML 基础
HTML 小复习(主要是自己不常用的知识点，语义化标签)
网页三大元素：
HTML：网页的基本结构
CSS:网页的展示效果
JS：网页的功能与行为
HTML 简介
HTML(HyperText 如 img、input、br
4. DOCTYPE html>:HTML文档最前面的位置，加上后会按W3C的HTML5标准来解析渲染页面
2. <html>:根元素，包含整个页面的内容
3. 4. <body>：包含能够被用户访问到的内容，包含文本、图像、视频等。
HTML 页面结构
1. <meta charset="UTF-8">:定义文档字符编码
2. <meta name="description" content = "<em>HTML</em><em>基础</em>">：页面描述
4.
HTML 标题 HTML 标题（Heading）是通过
来定义的。 实例
这是一个段落。
HTML 图像 HTML 图像是通过标签一 html html结构 !DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档 <html></html>是文档的开始标记和结束标记。 DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 URL举例 http://www.sohu.com/stu/intro.html http://222.172.123.33/stu/intro.html URL地址由4部分组成 第1部分：为协议：http ://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。 表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号
