广西城乡建设厅网站,冷水滩城乡建设局网站,wordpress 清空回收站,做网站参考线怎么拉这篇文章#xff0c;我们来讲一下HTML中的文本格式化标签
目录
1.文本格式化标签
1.1介绍
1.2代码演示
1.3小拓展
2.div和span标签
2.1介绍
2.2代码演示
2.3解释
3.小结 1.文本格式化标签
在网页中#xff0c;有时需要为文字设置粗体、斜体和下划线等效果#xf…这篇文章我们来讲一下HTML中的文本格式化标签
目录
1.文本格式化标签
1.1介绍
1.2代码演示
1.3小拓展
2.div和span标签
2.1介绍
2.2代码演示
2.3解释
3.小结 1.文本格式化标签
在网页中有时需要为文字设置粗体、斜体和下划线等效果这是就需要用到HTML中的文本格式化标签了使文字以特殊的方式显示。
1.1介绍
标签语义突出重要性比普通文字更重要
下面看一下该类型的标签有哪些
语义标签说明加粗strong/strong或b/b更推荐使用strong标签加粗语义更强烈倾斜em/em或i/i更推荐使用em标签倾斜语义更强烈删除线del/del或s/s更推荐使用del标签做删除线语义更强烈下划线ins/ins或u/u 更推荐使用ins标签做下划线语义更强烈 重点牢记加粗标签和下划线标签
1.2代码演示
下面进行代码演示 OK下面加上相应的标签再来看一下吧 代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyh3我是strong加粗/strong标签br /br //h3这也是b加粗/b标签br /br /h3我是em倾斜/em标签br /br //h3这也是i倾斜/i标签br /br /h3我是del删除线/del标签br /br //h3这也是s删除线/s标签br /br /h3我是ins下划线/ins标签br /br //h3这也是u下划线/u标签br /br /
/body
/html
1.3小拓展
从上面的样例中我们可以体会到HTML是一种比较“死”的语言意思是说你想干什么事想要什么效果必须加标签必须在想要的位置给相应的内容加标签不管这样加是否会别扭相要这个效果就必须给他直接套上标签并且这个效果还只是在标签的内部生效一旦出了这个标签的范围对不起没效果了。与java中的变量作用域类型
2.div和span标签
下面我们来介绍一下div和span标签
2.1介绍
div和span标签是没有语义的它们就是一个盒子里面随便放内容的
代码格式
div这是一定div块/div
span这是一个span块/span
注意div是division的缩写表示分割、分区。span意为跨度、跨距
特点
div标签用来布局但是现在一行只能放一个div是一个独占一行的大盒子span标签用来布局一行上可以放多个span是一个小盒子
上面说的有点懵没关系我们看下面的代码然后有形象的解释。
2.2代码演示
下面我们来演示一下div块和span块的效果 如果我们在div块后面写其他内容我们来看一下效果 下面看一下span块的效果 不好看调整下格式 代码如下
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodydiv这是一个div块它独占一行/div123456div这是另一个div块它也独占一行/div789012br /span阿里/spanspan腾讯/spanspan百度/spanspan字节/span
/body
/html
2.3解释
这两个是比较抽象的不太好懂下面用两个例子来解释一下
例一看一下淘宝网 例二 3.小结
这篇文章讲了文本格式化标签和div与span标签其中div是比较重要的后面写页面时会用到许多的
