
上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文档中播放音频文件