HTML(Hypertext Markup Language,超文本标记语言)是一种用于创建网页的标准标记语言,是一种与Python不同的编程语言。网页文件的扩展名通常为,html或.htm,这两种扩展名都可使用,并不会影响文件内容
每一个HTML网页都包含一个基础框架,其他的内容都是在基础框架内进行扩充的。
示例代码:
这是一个较为基础的HTML网页代码框架,需要注意的是文件的扩展名为.html而不是.py,网页标题名称显示为“这里是标题”,网页中的内容显示为“在这里填入正文”.
严格来说,HTML并不属于编程语言,而是一种标记语言,其代码以标签的形式来表示网页的内容。标签是由角括号(<>)括起来的具有特定语法功能的关键词组合而成的,例如以上示例代码中第5行的
标签通常成对出现,以
网页的基础框架包含6个标签,下面将分别介绍这些标签的含义。
标签:用于声明此HTML网页为HTML5网页,此标签在整个网页中只需要一个HTML存在多个版本,例如HTML 2.0、HTML 3.2、HTML 4.1等。此标签的作用是帮助浏览器快速识别当前网页中的标签使用的是哪个版本,不同版本的HTML在标签上有差别。
示例代码(HTML 4.01的声明):
标签:表示HTML网页的根元素,此标签需要成对出现,第1个标签表示HTMI页面的开始,第2个标签表示HTML网页的结束,标签之间是HTML网页的全部内容。此外标签中的顾性lang是language的缩写,表示该网页使用哪种语言,en表示english,即该网页使用的是英文。如果是中文网页则使用lang="zh-CN"。
head标签:网页的头部标部;此标签需要成对出现。标签之间通常播入HTML网页的标题、样式、元数据等等。
示例代码
该标签代码描述了网页的关键词为"PythOn语音、办公自动化、网页”,便于利用物素引擎(例如百度)通过维间搜索到此网页。在搜索引擎中输入一段中文时,首先使用分词功能将其与网页中的关键词相匹配,匹配概率最大的网页往往会被优先搜索到。
本节主要介绍在HTML网页中的常用标签,例如标题标签、段落标签、超链接标签、注释标签等。
在HTML网页中,可以使用标签
示例代码:
我是标题1
我是标题2
我是标题3
我是标题4
我是标题5
我是标题6
该代码仅编写了网页正文
部分其中(h]>标签对中的内容显示在网页的上方,且标签的内容显示效果(字体大小)为
在HTML网页中,可以使用
标签来表示一个段落的内容。
示例代码:
我是标题1
这里可以写一个段落的文字信息
第3行代码使用
标签对输入一段文字
超链接标签可用于实现在网页中单击某个信息链接后自动跳转到另一个网页。
示例代码:
这里可以写一个段落的文字信息
第4行代码中的超链接标签内容为“链接到人民邮电出版社”链接的网址为https://www.ptpress.comcn/periodical。其中href表示标签的属性,单击文字“链接到人民邮电出版社’
时,网页会自动跳转到人民邮电出版社的官网.
在HTML中也有和Python相同含义的注释功能,即当运行.html格式文件时,文件中的部分代码不会被执行,浏览器在读取标签时,也不会将此部分当成元素进行渲染。注释标签常用于开发人员对HTML网页的解释或备注中。注释标签由和构成。其使用形式如下:
注释标签中的两个横线之间(在此处写注释)可用于描述备注,由注释标签包括起来的内容将不会被执行。
示例代码:
一个标签除了标签名、标签内容外,还可以包含标签属性。标签属性用于给标签设置附加功能,类似于python语言中类的方法,当通过类创建出一个对象时,如果对象包含武他的属性和方法,该对象便具备更多的功能。同理当给标签赋予多种不同含义的属性后,标签也能具备更多的功能。
属性一般位于开始标签的标签名右边,且属性的值为字符唱类型,需要用引号引起来
示例代码:
这是一个名为a的标签,其属性herf表示超链接,可以实现单击标签的内容便能链接到其他网站、签图片等。该标签的属性值为人民邮电出版社官网网址,单击“链接到人民邮电出版社”即可自动跳转到该网址。
常用的标签属性有class、id、style和title。
class:为HTML网页元素定义一个或多个类名。
id:定义元素的唯一id,此id值在整个网页中是唯一的。
style:定义标签的行内样式。
title:设置标签的额外信息,当鼠标指针移到此标签上时会显示一段提示文本。
示例代码:
我是标题1
这里可以写一个段落的文字信息
Pychon办公自动化
HTML提供了大最的、不同样式的字体格式标签,将这些标签相互嵌套使用,可以使得网页正文内容显不同的字体格式效果。
给字体设置粗体格式使用标签。
示例代码:
这里可以写一个段落的文字信息
第3行代码在段落标签中嵌套了一个粗体格式标签,使得“段落”两个字的字体被加粗
给字体设置斜体格式使用标签,设置上标格式使用标签,设置下标格式使用标签,设置下画线格式使用标签。
示例代码:
这里可以写一个段落的文字信息
HTML颜色由红色、绿色和蓝色混合而成,字体颜色可以通过标签的属性style设置。其使用形式如下
<标签名 style="color:颜色值">内容标签名>
将style样式值设置为color,并且对color设定相应的颜色值,颜色值有以下3种使用方式,
第1种,使玊祉腮十六进制符号。颜色值可参考本书附录中的“常见颜色码对照表”
第2种,使用RGB值。RGB值由红色、绿色和蓝色的色值组成,每种颜色的色值范围是0~255.
第3种,使用颜色名。例如Blue表示蓝色、Black表示黑色(详情可参考本书附录中的“常见颜色码对照不区分大小写)。
当style样式值为background时表示设置字体的背景颜色,background值的使用方式与上面3种颜色值的使用方法一致。
示例代码(实现不同的颜色效果):
这里写一个段務的文字信息
我是第二段内容
第2行代码使用RGB值设置标题1的颜色。
第3行代码使用十六进制符号设置段落的颜色
第4行代码使用颜色名设置段落的颜色为蓝色
第5行代码设置标题2的背景颜色为LightSeaGreen,字体颜色为蓝色
当style中存在多个值时,需要使用分号隔开,且style样式值为一个字符串。
设置标签内容的字体大小可以通过给样式style赋予font-size的值来实现。其使用形式如下:
<标签名 style="font-size:38pt">我是标题1标签名>
以上形式表示设置“我是标题1”标签的字体大小为38pt,其单位可以有多种形式,例如pt(磅)、cm(厘米、mm(毫米)等。
示例代码:
我们一起学习python办公自动化
>在HTML网页中可以轻松地使用标签来添加图片、音频、视频等多媒体,而这些多媒体并不需要读者获取到实际的文件或上传到网页中,只需要找到它们的网址(url)即可。
在网页中插入图片可以使用标签(
是单标签,即在整个网页中只需要1个
标签)来实现。其使用形式如下:
标签中存在多个属性,这里列举了常见的src、alt、width和height属性。
属性src:指必须填入的属性,表明插入的图片的url。
属性alt:指当src链接的图片url失效了或因其他原因无法显示图片时出现的提示性文字。
属性width和height:表示图片的宽度和高度,其单位为px,表示像素。当只填入一个参数时,默认按原
尺寸比例自动缩放。
示例代码:
在HTML中可以使用
属性controls:为网页音频播放提供控件,例如暂停、播放、音量调节等。
属性src:用于链接音频文件的地址。音频文件的地址一般以.mp3、.wav等为后缀。读者需要找到一个纯音频的网址,而不是网页中包含音频和其他元素信息的网址。
属性type:表示音频文件的类型。通常情况下,mp3格式为audio/mpeg,.0gg格式为audio/ogg,.wav格式为audio/wav。
有HTML中可以使用
属性src;需要播放的视频的ur1。视频文件的链接地址一般以.mp4为后级。读者需要找到一个纯视频网而不是网页中包含视频和其他元素信息的网址。属性controls;为网页视频播放提供控件,例如暂停、播放、音最调节等属性width和heigh:用于设置视频的宽度和高度,单位为px,即原素属性autoplay:表示一旦通过ur1链接到视频文件便会自动播放视频。
属性loop:设置视频循环播放。
属muted:设置视频播放时默认静音。