html style标签的属性

Yo,小伙伴们准备好迎接我吐槽式的HTML知识了吗?本蒟蒻今天要教大家学习两个东西,一个是HTML中的style标签和属性,另一个是HTML中常用的标签及其作用。废话不多说,Let's go!

首先,我们来看看HTML中的style标签和属性。style标签可以用来定义HTML元素的样式,包括文字样式、颜色、大小、背景等等。style标签的属性主要有以下几个:

1. color(文字颜色)

这个属性可以用来设置文字的颜色,可以使用颜色名称或者颜色的十六进制代码来表示。比如,设置红色字体的代码就是 color: red; 不过,不同的浏览器对颜色的支持可能会有些许差异哦。

2. background-color(背景颜色)

这个属性可以用来设置元素的背景颜色,同样可以使用颜色名称或者颜色的十六进制代码来表示。比如,设置绿色背景的代码就是 background-color: green; 非常容易理解,对吧?

3. font-size(字体大小)

这个属性可以用来设置文字的大小,可以使用像素(px)、百分比(%)等单位。比如,设置16像素字体的代码就是 font-size: 16px; 这个单位比较普遍,感性理解就是越大越粗,有点像我们在写字时选择的字号大小。

4. font-family(字体样式)

这个属性可以用来设置文字的字体,可以使用系统字体,也可以使用自定义的字体。比如,设置宋体字体的代码就是 font-family: SimSun; 有时候我们还会加上一些备注,方便自己或者他人查看和修改。

好啦,这些就是style标签的基本属性了。接下来我们来看看HTML中常用的标签及其作用。

1. div标签

这个标签可以理解为一个容器,它没有特定的语义,只是作为一个被分组的容器,便于编写和修改CSS。一般情况下,我们会在div标签中对其内部的元素进行样式设置。

2. h1-h6标签

这组标签主要用来定义标题的层级和大小。通常情况下,h1标签的字体最大,h6标签的字体最小。比如,

这是一个大标题

这是一个小标题

3. p标签

这个标签用来定义段落,主要用于文章排版。一般情况下,p标签中的文字会有一定的缩进,让观众更好地阅读。比如,

这是一个段落。

4. a标签

这个标签用于超链接,可以链接到本地或者网络上的资源,包括图片、音频、文本等等。比如,百度一下,你就知道

5. img标签

这个标签用于向网页中添加图片,可以设置图片的大小、位置和描述信息等等。比如,这是一张图片

以上是仅仅是HTML常用标签之一,还有很多常用标签,包括ul、ol、li、table、tr、td等等,它们都有不同的语义和作用。

好了,小伙伴们理解了吗?学好HTML不容易,希望大家都能好好学习,天天向上! 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(16) 打赏

评论列表 共有 1 条评论

转身你已卟在 1年前 回复TA

尚的梦想并不因为默默无声而失去价值;自私的追求不因为大叫大嚷而而伟大起来。

立即
投稿
发表
评论
返回
顶部