![跨平台移动APP设计及应用](https://wfqqreader-1252317822.image.myqcloud.com/cover/442/26179442/b_26179442.jpg)
上QQ阅读APP看书,第一时间看更新
2.1.2 HTML的应用示例
1.HTML链接
超链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超链接串接而成,超链接完成了页面之间的跳转。
超链接的标签是<a>与</a>,给文字添加超链接类似于其他修饰标签。超链接是跳转到另一个页面的。
<a>与</a>标签有一个href属性,负责指定新页面的地址。href指定的地址一般使用相对地址。
例如:<a href="http://www.baidu.com">跳转到百度网站</a>
【例2-2】 HTML超链接应用示例。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00022001.jpg?sign=1739345123-oIVmCTmWd1ATAgvGVq1fYduZyaa0OfyY-0-5f85afed57288ddcd4c1168031edc698)
程序说明:在超链接的语句中,用href属性指定链接的地址。例如,在本例中,指定跳转到百度首页地址www.baidu.com。
程序运行结果如图2.2所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00022002.jpg?sign=1739345123-Prjx2FePKrlF8p8wKwAGKaDS36d3crgZ-0-b3457ecde1d076a1140d38d150d2fbac)
图2.2 超级链接示例
2.HTML嵌入图像
HTML文档中可以嵌入图像。将要显示的图像使用<img>标签进行定义。
<img>标签有两个属性:src属性和alt属性。
● src属性为指定引用该图像的文件的绝对路径或相对路径。
● alt属性用于为图像添加描述性文本。
例如:
<imgsrc="/img/dukou.jpg" alt="渡口"/>
【例2-3】 HTML嵌入图像示例。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00022003.jpg?sign=1739345123-PMqxs0Kq6PgB7G3peoxgj2urtVn1smv8-0-6618e86593161d165681addac19b772f)
程序运行结果如图2.3所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00023001.jpg?sign=1739345123-o2QaGfVfinJfsAKdgK0N4W9dRfGui9Hh-0-76fcf755fe9ff4920611908465e11df6)
图2.3 显示HTML文档中嵌入的图片
3.HTML播放音乐
可以在HTML文档中播放音频文件。在<audio>标签中添加controls属性,并使用<source>元素链接音频文件。
【例2-4】 HTML播放音频文件示例。
事先准备好一个音乐文件sample.mp3,将其复制到HTML文件同一目录下。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00023002.jpg?sign=1739345123-i19hJ4SduCtO8ERORmZuuqVTFHv2mjge-0-c23320e522f25dc9ed17e1ecf68a2e18)
程序运行结果如图2.4所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00024001.jpg?sign=1739345123-1B0LcDAN5Nb3Unf0jO07H6vqOnGClgWu-0-21d90828055a377e150cb959b580410d)
图2.4 在HTML文档中播放音频文件