跨平台移动APP设计及应用
上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超链接应用示例。

程序说明:在超链接的语句中,用href属性指定链接的地址。例如,在本例中,指定跳转到百度首页地址www.baidu.com。

程序运行结果如图2.2所示。

图2.2 超级链接示例

2.HTML嵌入图像

HTML文档中可以嵌入图像。将要显示的图像使用<img>标签进行定义。

<img>标签有两个属性:src属性和alt属性。

● src属性为指定引用该图像的文件的绝对路径或相对路径。

● alt属性用于为图像添加描述性文本。

例如:

<imgsrc="/img/dukou.jpg" alt="渡口"/>

【例2-3】 HTML嵌入图像示例。

程序运行结果如图2.3所示。

图2.3 显示HTML文档中嵌入的图片

3.HTML播放音乐

可以在HTML文档中播放音频文件。在<audio>标签中添加controls属性,并使用<source>元素链接音频文件。

【例2-4】 HTML播放音频文件示例。

事先准备好一个音乐文件sample.mp3,将其复制到HTML文件同一目录下。

程序运行结果如图2.4所示。

图2.4 在HTML文档中播放音频文件