介绍一些常用的HTML标签

上一遍跟大家简单介绍了一下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的文件夹就用到了../,这是出文件夹的。




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

猜你喜欢

转载自blog.csdn.net/qq_38305872/article/details/80665822