900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > HTML保姆级教程(二)图像 多媒体 超链接 表格标签

HTML保姆级教程(二)图像 多媒体 超链接 表格标签

时间:2022-05-28 17:07:33

相关推荐

HTML保姆级教程(二)图像 多媒体 超链接 表格标签

📒博客主页:悟空的博客主页

🎉欢迎关注🔎点赞👍收藏⭐️留言📝

🙉作者简介:一只还在学本领的石猴 🐵

👀关注公众号【悟空信条】,简历模板、学习资料、面试题库等通通分享🎁

🙏作者水平很有限,如果发现错误,一定要及时告知作者哦!感谢感谢!🚤

已完结:《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>标签基本相同,但是前者会加粗显示

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。