有时需要使用html标签实现各种各样的需求,所以html标签会有很多,常用的html标签也会有很多,今天我们继续来学习html常用标签。
1、图片标签;
图片标签为,它有一个很重要的属性就是src,scr指的是图片的路径,在浏览网页的时候上面也会出现很多图片,请看下面实现代码;
下面代码中有一点需要解释,就是src如何写,可以看到下图中src写的是../img/girl.jpg,在开始这个演示之前准备工作是在html文件目录并列的位置新建一个img的文件夹,里面存放一张girl的图片,直接复制粘贴到这个文件夹即可,当通过开发工具写入girl的时候就会自动的出现图片位置,直接确定即可,但是这个路径还是有必要了解是什么意思,“..”表示上一级,dos界面和linux操作返回上一级都是通过..来实现,返回到上一级之后就能找到img文件夹了,所以直接写上/img,进入到img文件夹之后就能找到图片了,写上/girl.jpg即可,效果如下;
图片标签
执行效果
2、超链接标签;
当我们在浏览某个网站的时候,下面都会有两个警徽,后面跟着XX备案号XXX,这个东西是有讲究的,凡是对外的网站都要有这个,而且是固定的,当你点击这个备案号的时候可以跳转到工信部的官网,这个就是通过超链接实现,超链接标签为,代码如下;
其中有一个很重要的属性就是href,通过这个属性来执行跳转的链接地址,这个地址一定是带http的,要不无法跳转。
超链接代码
超链接运行效果
3、列表标签;
列表标签分为有序列表,无序列表,顾名思义就是有顺序的列表和无顺序的列表,无序列表是
,里面的项目使用来书写,代码如下;列表标签
列表标签执行效果
4、表格标签;
想往html标签中插入表格的话就要使用表格标签,表格标签是
,表格表头用书写,行用书写,列使用书写,水平合并单元格使用colspan属性来实现,垂直合并单元格使用rowspan属性来实现,后面跟的数字表示合并的单元格个数,看下面代码;表格标签
今天又学习了几个html常用标签,内容不多,但也不少,学习就是一个慢慢积累的过程,每天进步一点点,时间久了跟别人的差距就出来了。
没有点击关注的朋友可以点下关注,你们每一次的关注、转发、收藏都是老韩更新的动力,谢谢观看,下期再见。
举报/反馈