📒博客主页:悟空的博客主页
🎉欢迎关注🔎点赞👍收藏⭐️留言📝
🙉作者简介:一只还在学本领的石猴 🐵
👀关注公众号【悟空信条】,简历模板、学习资料、面试题库等通通分享🎁
🙏作者水平很有限,如果发现错误,一定要及时告知作者哦!感谢感谢!🚤
已完结:《HTML看这篇就够了》
📌导航小助手📌
(五) 图像与多媒体标签(六) 超链接标签(七) 表格标签(五) 图像与多媒体标签
HTML图像是通过img标记进行插入的。img标记有很多属性,其中src属性是必需的,它指定要插入图像文件的位置与名称,语法格式如下:
<img src="图像文件的路径及名称">
背景音乐是通过bgsound标记添加的,语法格式如下:
<bgsound src="音乐的路径及名称" loop="播放次数">
多媒体文件(Flash动画,MP3音乐,ASF视频等)可以使用embed标记添加到网页中去,语法格式如下:
<embed src="多媒体文件的路径及名称" width="播放器的宽度" height="播放器的高度">
</embed>
(六) 超链接标签
当我们点击一个网页的某个地方时,从当前Web页定义的位置跳转到其他位置(包括当前页的某个位置)、Internet、本地硬盘或局域网上的其他文件,甚至跳转到声音、图片等多媒体文件。这就是超链接的作用
超链接标记<a>是一个非常重要的标记,它可以成对出现在文档的任何位置,语法格式如下:
<a href="链接路径" target="目标窗口的打开方式">链接文本</a>
链接文本用来描述链接,让自己知道点击文本跳转到哪里,无定则,比如链接接到百度,链接文本可以是百度,这样在点击链接文本之前你就知道该链接链接到哪里
target属性值可以为_self、_blank、_top以及_parent。_self是target的默认值。_blank表示目标页面会在一个新的空白窗口中打开。_top表示目标页面会在顶层框架中打开。_parent表示目标页面会在当前框架的上一层打开。
注:同一目录下,文件之间跳转可以省略路径名
(七) 表格标签
我们使用<table>
标签来定义表格。
代码:
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表格示例</title></head><body><table border="1"><tr> <td>单元格的内容1</td><td>单元格的内容2</td></tr><tr><td>单元格的内容3</td><td>单元格的内容4</td></tr></table></body></html>
<table border="1">
代表表格边框为1像素
<tr>
标签代表行
<td>
标签代表行里面的单元格
效果图:
在制作表格时,可能需要某个单元格占据多列的位置,这时就要使用单元格的colspan属性设置单元格所跨的列数,语法格式如下:
<td colspan="跨的列数值">单元格内容<td>
同样,当需要某个单元格占据多行的位置时,就要使用rowspan属性设置该单元格所跨的行数。
<td rowspan="跨的行数值">单元格内容<td>
注:<th>
标签和<td>
标签基本相同,但是前者会加粗显示