属性width和height:表示图片的宽度和高度其单位为px表示像素，需要用引号引起来， 属性一般位于开始标签的标签名右边且属性的值为字符串类型， title标签:用于设置网页的标题，其使用形式如下: !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1p这里可以写一个段落的文字信息/pa hrefhttps://www.baidu.com/链接到百度/a/body/html 第4行代码中的超链接标签内容为“链接到百度链接的网址为https://www.biadu.com，.wav格 式为audio/wav， audio标签中包含文字信息。
需要找到一个纯音频的网址而不是网页中包含音频和其他元素信息的网址，其使用形式如下:保签名style-font-ize:38pt我是标题1/标签名以上形式表示设置“我是标题1”标签的字体大小为38pt其单位可以有多种形式例如pt(磅)、cm(厘米).inches(英寸)、mm(毫米)等，此标签需要成对出现，168， !DOCTYPE html标签:用于声明此HTML网页为HTML5网页此标签在整个网页中只需要一个，示例代码: !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1h2我是标题2/h2h3我是标题3/h3h4我是标题4/h4h5我是标题5/h5h6我是标题6/h6/body/html 字体大小 为hl大于h2大于h3大于h4大于h5大于h6， controls:为网页音频播放提供控件例如暂停、播放、音量调节等，注释标签常用于开发人员对HTML网页的解释或备注中， 2.添加音频 在HTML中可以使用audio标签实现在网页中插入音频。
title:设置标签的额外信息当鼠标指针移到此标签上时会显示一段提示文本， 5.标签属性 一个标签除了标签名、标签内容外还可以包含标签属性，h6标签的标题级别最低， 其使用形式如下 ing src-网址 alt-文字 width304px height228px!DOCTYPE htmlhtml langzh-cnheadmeta charsetUTF-8title这里是标题/title/headbodyh1 我是标题1/h1img srchttps://cdn.ptpress.cn/uploadimg/Material/978-7-115-48382-9/72jpg/48382.jpg alt图片丢失了 width200px/body/html img标签中存在多个属性这里列举了常见的src、alt、width和height属性，.ogg格式为audio/ogg， 示例代码 !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1p这里可以写一个段落的文字信息/p/body/html 3.超链接标签 超链接标签a可用于实现在网页中单击某个信息链接后自动跳转到另一个网页，当只填入一个参数时，单击文字链接到百度网页会自动跳转到百度官网。
style:定义标签的行内样式，其使用形式如下:标签名 stylecolor:颜色值内容/标签名 !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1 stylecolor:rgb(168， 属性src:指必须填入的属性表明插入的图片的url， !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1p这里可以写一个段落的文字信息/ph3 id python ，其中的meta标签用于描述基本的元数据此标签在整个网页中只需要一个为单标签通常用于表明网页的描述、关储词、字符编码方式等，如果是中文页则使用langzh-CN。
属性muted:设置视频播放时默认静音， stylecolor: #799961;Python办公自动化/h3/body/html 常用的标签属性有class、id、style和title， class:为HTML网页元素定义一个或多个类名，默认按原尺寸比例自动缩放。
某些浏览器不支持audio标签因此当浏览器无法播放音频时网页会显示文字“当浏览器不支持播放时的提示信息” 3.添加视频 在HTML中可以使用video标签实现在网页中插入视频，注释标签由!-- -和!--构成， 属性width和heigh:用于设置视频的宽度和高度单位为px即像素， head标签:网页的头部标签，其使用形式如下: video src视频网址 controlscontrols width宽度值” height高度值autoplay loop muted /video!DOCTYPE htmlhtml langzh-cnheadmeta charsetUTF-8title这里是标题/title/headbodyh1 播放视频啦/h1video srchttps://ips.ifeng.com/video19.ifeng.com/video09/2021/09/07/p6840864516666822656-102-123317.mp4 controlscontrols width500/video/body/html 属性src需要播放的视频url，标签是由角括号()括起来的具有特定语法功能的关键词组合而成的 签通常成对出现以titleTiltle/title为例第1个title表明title功能标签的开始第2 /title的标签名前面有一个/表示title功能标签的结束成对标签之间的内容为标签的内容即“Title 是title标签对的内容一个完整的标签也可以称为网页中的一个元素，HTML并不属于编程语言而是一种标记语言其代码以标签的形式来表示网页的内容，代码与加粗字体雷同不再演示。
标签属性用于给标签设置附加功能。
音频文件的地址一般以.mp3、.wav等为后缀，通常情况下.mp3格式为audio/mpeg， 2.设置字体颜色 字体颜色可以通过标签的属性style设置。
其使用形式如下: audio controlscontrols src音频地址.mp3”type音频类型当浏览器不支持播放时的提示信息/audio!DOCTYPE htmlhtml langzh-cnheadmeta charsetUTF-8title这里是标题/title/headbodyh1 我是标题1/h1audio controlscontrols src音乐.mp3音乐丢失了/audio/body/html 属性src:用于链接音频文件的地址。
此外标签中的属性lang是language的缩写表示该网页使用哪种语言en表示english。
此id值在整个网页中是唯一的， 浏览器获取到此标签信息会按照UTF-8编码方式翻译此网页内容。
示例代码: !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1 stylefont-size:38pt我是标题1/h1p stylefont-size:1cm我们一起学习Python办公自动化/p/body/html 四.添加多媒体 1.插入图片 在网页中插入图片可以使用img标签(img是单标签即在整个网页中只需要1个img标签)来实现。
id:定义元素的唯一id，即该网页使用的是英文。
视频的链接地址一般以.mp4为后缀， 属性loop:设置视频循环播放，其使用形式如下: !DOCTYPE htmlhtml langenheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1!--下面的p标签被注释了p这里可以写一个段落的文字信息/p!--h2我是标题1/h2/body/html 第3行-第5行使用了注释标签因此第4行代码不会被执行， 4.注释标签 在HTML中也有和Python相同含义的注释功能即当运行.html格式文件时文件中的部分代码不会被执行浏览器在读取标签时也不会将此部分当成元素进行渲染。
3.框架分析 由上面代码可知HTML网页代码框架网页的基础框架包含6个标签下面将分别介绍这些标签的含义，!DOCTYPE htmlhtml langzh-CNheadmeta charsetUTF-8title这里是标题/title/headbodyh1我是标题1/h1p这里可以写一个b段落/b的文字信息/p/body/html 给字体设置斜体格式使用i标签设置上标格式使用sup标签设置下标格式使用sub标签设置下画线格式使用u标签， 属性autoplay:表示一旦通过url链接到视频文件便会自动播放视频， HTML存在多个版本例如HTML2.0、HTML 3.2、HTML4.1等， charsetUTF-8”表示字符编码方式为UTF-8， title 我是提示信息， html langen标签:表示HTML网页的根元素此标签需要成对出现第1个html标签表示HTML页面的开始第2个/html标签表示HTML网页的结束标签之间是HTML网页的全部内容， 属性controls:为网页视频播放提供控件例如暂停、播放、音量调节等。
一.简单的HTML网页框架1.新建HTML文件 方法1右键项目目录 → New → HTML File → 输入文件名如index.html 方法2快捷键 CtrlNWindows/Linux或 CmdNmacOS→ 选择 HTML File 2. 默认模板生成 PyCharm自动生成基础HTML结构 !DOCTYPE htmlhtml langenheadmeta charsetUTF-8titleTitle/title/headbody/body/html 严格来说，标推之间通常值入HTML网页的标题、样式、元数据等信息 meta charsetUTF-8标签。
此标签需要成对出现标签中的内容为网页标题。
， 三.设置字体格式1.给字体设置粗体格式使用b标签。
属性type:表示音频文件的类型，。
body标签:用于显示在网页窗口中的内容即网页的正义此标签需要成对出现表示标签之间的内容都会显示在网页窗口中body标签中插入多个内容标签来充分地展示多元化的网页信息。
属性alt:指当src链接的图片url失效了或因其他原因无法显示图片时出现的提示性文字。
168)我是标题1/h1p stylecolor:#FF0000这里写一个段落的文字信息/pp stylecolor:blue我是第二段内容/ph2 stylebackground:LightSeaGreen ; color:blue我是标题2/h2/body/html 3.设置字体大小 设置标签内容的字体大小可以通过给样式style赋予font-size的值来实现， 2.段落标签 在HTML网页中可以使用p标签来表示一个段落的内容，需要找到一个纯视频网址而不是网页中包含视频和其他元素信息的网址， 二.常用标签1.标题标签 在HTML网页中可以使用标签h1~h6来表示网页中正文内容的标题(不同于网页的标题)不同标题的显示效果不同h1标签的标题级别高于h2标签的标题级别依次类推，此标签的作用是帮助浏览器快速识别当前网页中的标签使用的是哪个版本不同版本的HTML在标签上有差别。