HTML在vscote里面的标签和列表的使用

       昨天了解了vscote的快捷键的方法和部分标签,今天再次学习了标签的使用,那么接下来我来写一写今天的学习。

一、昨天的学习最后一项为img标签它的名称为图片标签,是可以加载图片效果的呈现,有图片自然就有音频、视频以及超链接标签,我们先来讲解一下音频和视频标签,在html中打出audio是音频代码,video是视频代码,在html中打出audio(音频代码)后后面会跟随src=“内容”(src是加载音频的路径)在src的内容里我们选择要加载音乐,当然我们加载音乐直接放进去是不行的,controls(控制面板)加入这个我们就可以播放音乐。

还有就是视频也是同样的操作,但是视频的代码是vdieo,当然我们放进去contols是可以控制音频和视频的播放,那么想让它自动播放和循环播放或者静音,我们应该加入loop(循环播放)、autpaly(自动播放)、muted(静音),下列图片是完整的播放视频代码方式。 

  

 记住一点,图片、音频、视频我们的标签都是有开头和结尾的

音频和视频讲完了,那么我们就剩下一个超链接了,什么是超链接?超链接是点击你要跳转图片和音频、视频我们可以连接到其他界面,我们的超链接标签很简单的一个小字母“a" ,打出”a”我们的标签完整版就是:

                            <a>  href =" ./链接的页面或者地址>要点击的内容</a>

                  比如:在vscote里  <a> href = "./音乐.html” target =“-blank(新窗口打开)

打完这些我们要在页面的链接的视频和音频就可以跳转进去了,如图所示:

二、列表标签

(1)无序标签

 ul  整个无序标签是ul标签:ul里面只能放 ”li“

 li  li是被ul包裹的,它里面可以放如何内容

           特点:前面有小圆点,独占一行

(2)有序列表

ol 只能包含li,列表前面有序号

li 标签可以包含内容

三、自定义列表

dl  表示自定义列表的整体,包裹着dt,dd

dt  是自定义列表主题

dd  表示列表每一项内容

三、表格标签

(1)table表示整体,可以包裹多个tr。    tr表达的是行 。td是列

温馨提示:table后面可以设置边框宽度(border=”数字“)宽度(width=”数字“)高度(heigh="数字")这是表格的宽、高。

(2)在vscote中的表格快捷式:table>tr*10>td*10就是10行10列

(3)表格标题和表格单元格标签

 contion 是表格标题在table后面,在表格中间位置

th是表格单元格,每一列的标题居中显示。

OK,这就是我对今天标签和列表以及单元格的表达,感谢大家观看本文章。

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值