html描述标签,每天进步一点点,html常用标签介绍

有时需要使用html标签实现各种各样的需求,所以html标签会有很多,常用的html标签也会有很多,今天我们继续来学习html常用标签。

1、图片标签;

图片标签为,它有一个很重要的属性就是src,scr指的是图片的路径,在浏览网页的时候上面也会出现很多图片,请看下面实现代码;

下面代码中有一点需要解释,就是src如何写,可以看到下图中src写的是../img/girl.jpg,在开始这个演示之前准备工作是在html文件目录并列的位置新建一个img的文件夹,里面存放一张girl的图片,直接复制粘贴到这个文件夹即可,当通过开发工具写入girl的时候就会自动的出现图片位置,直接确定即可,但是这个路径还是有必要了解是什么意思,“..”表示上一级,dos界面和linux操作返回上一级都是通过..来实现,返回到上一级之后就能找到img文件夹了,所以直接写上/img,进入到img文件夹之后就能找到图片了,写上/girl.jpg即可,效果如下;

972cafac1a4336ed65edbf5c5ded9ca0.png图片标签

90fe057f5bd9f560b7766bc13eee56e3.png执行效果

2、超链接标签;

当我们在浏览某个网站的时候,下面都会有两个警徽,后面跟着XX备案号XXX,这个东西是有讲究的,凡是对外的网站都要有这个,而且是固定的,当你点击这个备案号的时候可以跳转到工信部的官网,这个就是通过超链接实现,超链接标签为,代码如下;

其中有一个很重要的属性就是href,通过这个属性来执行跳转的链接地址,这个地址一定是带http的,要不无法跳转。

441c4ac311b6a6ad44a9756cff02e934.png超链接代码

a1a827bee4cb9891e7725ff7c3846c5a.png超链接运行效果

3、列表标签;

列表标签分为有序列表,无序列表,顾名思义就是有顺序的列表和无顺序的列表,无序列表是

,里面的项目使用来书写,代码如下;

c5e502f91aa8ae79b54eb835dbddb5f8.png列表标签

0cdda5af13c6091eae07a8a32c40ce66.png列表标签执行效果

4、表格标签;

想往html标签中插入表格的话就要使用表格标签,表格标签是

,表格表头用书写,行用书写,列使用书写,水平合并单元格使用colspan属性来实现,垂直合并单元格使用rowspan属性来实现,后面跟的数字表示合并的单元格个数,看下面代码;

c846f233be7807c75d717f8fbb8f69d2.png表格标签

d7a3da27ee66eb152029b50f260d454f.png

今天又学习了几个html常用标签,内容不多,但也不少,学习就是一个慢慢积累的过程,每天进步一点点,时间久了跟别人的差距就出来了。

没有点击关注的朋友可以点下关注,你们每一次的关注、转发、收藏都是老韩更新的动力,谢谢观看,下期再见。

举报/反馈

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值