2018-05-08

HTML 初接触者经常分不清 html 的行标签和块标签,今天就对行标签和块标签做一个小结和区分

行标签:

包含a、span、em、strong、img、var

a标签:主要用来链接一个其他的网页

span标签:主要用来对行内的文字进行一些样式以及其他的操作

em标签:一般用来对文字进行强调,使用斜体体现出来

strong标签:一般用来对文字进行强调,使用加粗字体体现出来

var标签:JavaScript中命名变量的标签

块标签:

包含p、div、ul、ol、li、dl、dt、dd、h1~h6

p标签:段落标签,段落文字使用,默认格式:段尾进行换行;

div标签:划分块的主要使用标签;

ul标签:无序列表的主标签,后面的标号为圆点(黑色);

ol标签:有序列表的主标签,后面一般跟有序的1,2,3,4,5...;

li标签:列表中的主体使用标签

dl标签:自定义标签的主标签;

dt标签:自定义标签的表头;

dd标签:自定义标签的表头的解释(描述)信息;

h1~h6:6级标题标签、字体的大小依次变小

块标签和行标签的区别:

块标签:独自占领一行、可以进行宽高的数值的设定;

行标签:在一行内显示、不可以进行宽高的数值设定;

嵌套规则

块标签可以套行标签,行标签不可以套块标签;

P标签不要套块属性标签,可以套a,span,文本...

嵌套的时候注意代码的缩进

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在ES5中,我们存在几个全局函数 isNaN函数,isFinite函数,parseInt函数,parseFloat...
    CRUD_科科阅读 349评论 0 1
  • 《论语》中的“老师”们 【声明:本文通过“有道云”、“微信”等自媒体首刊,版权归微信号“eric-wu-in-ex...
    小萌eric阅读 302评论 0 1
  • 文/瑾懿 本次是和悦读苑的书友们共同学习的第五次作业。 我们生活的根基应当是什么?经过几次的学习,我明白我不能以浅...
    Elaine瑾懿阅读 439评论 0 0
  • 图片版权归本人所有,图片授权于简书用于设置为app开屏图,一切版权纠纷与简书无关
    熙熙崽阅读 148评论 0 0
  • 文|零度魍珏 偶然听到陈奕迅的歌——孤独患者。活像个孤独患者,自我拉扯,外向的孤独患者有何不可。 回想起来,自从大...
    云渡魍珏阅读 467评论 2 0