HTML&CSS基础学习笔记1.20-DIV标签2
<span>标签
标签div把文档分割为独立的、不同的部分,而在HTML中,<span>标签则被用来组合文档中的行内元素。
看个实例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>给页面添加一个<span></h1> <div> <span>第一个span</span> <span>第二个span</span> <span>第三个span</span> </div> </body> </html>
段落中的span
<span>标签有时会用在段落里的一些词语上,然后对<span>标签使用CSS样式的时候,就会对它所包的文本的样式进行修改。 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
这样看起来,它的作用跟<div>是很像的,都是为了让文档结构更清晰。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>span标签</title> <link href="index.css" rel="stylesheet" type="text/css"> </head> <body> <h1>给段落里的某个词语添加<span>标签</h1> <p> 如果难过,就努力抬头望天空吧,望着望着就忘了……<span>它那么大</span>,一定可以包容你的所有委屈。 </p> </body> </html>
更多内容学习,就在码芽网http://www.mayacoder.com/lesson/index
相关推荐
jiedinghui 2020-10-25
Ladyseven 2020-10-22
zuncle 2020-09-28
xiaohuli 2020-09-02
葉無聞 2020-09-01
nicepainkiller 2020-08-20
AlisaClass 2020-08-09
myloveqiqi 2020-08-09
buttonChan 2020-08-02
drdrsky 2020-07-29
Ladyseven 2020-07-25
nicepainkiller 2020-07-24
AlisaClass 2020-07-19
hellowzm 2020-07-19
background-color: blue;background-color: yellow;<input type="button" value="变蓝" @click="changeColorT
昔人已老 2020-07-19
骆驼的自白 2020-07-18
lanzhusiyu 2020-07-19
hellowzm 2020-07-19
CSSEIKOCS 2020-07-18