介绍一些常用的HTML标签

本文介绍了HTML中常用的标签,包括文字标签如h1-h6、div、p、span、b、i、a等,以及图片标签img。详细解释了这些标签的作用及使用方法,并通过实例说明了如何设置图片路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上一遍跟大家简单介绍了一下HTML的结构,今天要跟大家说的是写在body里面的一些简单常用的标签!在HTML规范当中,大部分HTML标签都是包括一个开始标签和结束标签的,但也有一些标签是单标签的,有img、bgsound、input、hr、br等等。

1.文字标签

    h1~h6:这个标签通常用来做文章的标题,从h1到h6分别是从大到小的六个标题。

     div标签,你可以把他当成一个可以包容一切的盒子,下边所讲的所有标签都可以放到他里面。

     p标签是用来写文章内容部分的,默认的字体大小一般为16px。

    span标签是用来写一些文章当中旭阳特殊标出来后期可以添加不同的style样式的。

    b标签是用来加粗文字的他和strong标签的用法是一样的。

    i标签是用来做文字倾斜的他和em标签是一样的。

    a标签是一个比较常用有比较特殊的标签,他有自己的属性href<a href="#"></a>,href属性它里面可以写一个链接或者Id名, 当你点击a标签包裹的文字时,可以跳转页面或者跳到你Id所在的地方。

2.图片

img是图片标签,他是一个单标签<img src="图片地址" alt="图片说明" title="图片的标题" />,alt是图片说明,当图片因为格式或者网络等原因出不来的时候就会显示出来,title这是图片的标题,当你移入图片的时候就会显示你所写内容,这里的src图片地址,可以是本地图片也可以是网络图片的路径,在写本地图片的时候就涉及到了如何找图片路径。下面我会主要说一下

你可以看到下面图片我有一个演示的文件夹,文件夹里面有一个img文件夹和一个.html的文件,这个.html文件就是你写html的地方,你要找图片和以后的css文件是就要以这个文件为起点,而你要的图片在img文件夹里面,这就是你要的终点,就像串门一样,你要先走到图片的家门口,也就是img文件夹这边,就是./这里是同级文件的意思,就是说你找和你一个等级文件时的方法,当然这个./一般可以省略不写,然后你就要进到img文件夹里面去找图片了,这是就用到了/这个符号,这是当你去下一级玩的时候用的,如果你放图片的文件夹和你的html文件夹不在一个等级,那么你就要先出去这个包含html的文件夹就用到了../,这是出文件夹的。




这就是一些简单的标签,有很多是你要经常用到的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值