![跨平台移动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=1738926286-l5Qe2wlemdp7gPbYbdu0IgOPN7qDRF7K-0-a92674530353bd67435a22f1b13b394a)
程序说明:在超链接的语句中,用href属性指定链接的地址。例如,在本例中,指定跳转到百度首页地址www.baidu.com。
程序运行结果如图2.2所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00022002.jpg?sign=1738926286-4lUjhJ58tjE1OdFoXQaF7KliWjU7D8Va-0-41f098da4f3c3c4066db774fc4e37a0e)
图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=1738926286-ioi56uZgFfFLzcUAwesQn0XRqPko82Ge-0-92dda1b3b992932f220d5568cef3888b)
程序运行结果如图2.3所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00023001.jpg?sign=1738926286-3nr54UiBQQxU98GjvHNWfXIyvhYPKd9D-0-12b471e4b6f8dd5d49031fcd7273f573)
图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=1738926286-41NrOrBVYTXMpxWzBDJt4auB5q4NpUJy-0-a29aff4253bf0304cc007b500cf55551)
程序运行结果如图2.4所示。
![](https://epubservercos.yuewen.com/DB5EE7/14615888805744006/epubprivate/OEBPS/Images/img00024001.jpg?sign=1738926286-nlwH7ZdwOQe3M3PLoNdgsJGBMaPETJ4n-0-dfc85461c8a84521272c0476b9bae965)
图2.4 在HTML文档中播放音频文件