首页 > 作文

前端之Html元素的分类

更新时间:2023-04-03 14:20:14 阅读: 评论:0

一、html元素可分为三大类:块元素、内联元素、可变元素

1.块元素:

常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedt,caption

块状元素特点:

  (a)以块的形式显示为一小年个矩形区域;

  (b)块状元素独占一行,自上而下排列;

  (c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border;

  上海驾考报名(d)块状元素可以作为一个容器包含其他的块状元素或内联元素。

2.内联元素(行内元素):

常见内联元素:a,strong,b,i,em,span,label,img,input

内联元素特点:

  (a)内联元素在一行逐个进行显示;

  (b)内联元素没有自己的形状,不能定义宽度和高度,它的宽高由内容来决定;

  (c)内联元素设置与高度相关的一些属性(如margin-top,margin-bottom,padding-top,padding-bottom,line-height),显示无效或显示不准确;

  (d)内联元素设置左右填充和外间距是可以的。

内联块状元素:img,input,textarea

内联块状元素特点:

  (a)即具有内联元素特点,也具有块状元素特点

  (b)即可以定义容器的宽,高,marginpadding等,还可以和其他内联元素在一行显示

3.可变元素

二、元素类型转换

display:block|inlin珍惜时间的名人名言e|inline-block|none|list-item;

  block:将元素转换为块状元素(大部分块状元素的默认display属性值)

  inline:将元素转换为内联元素(大部分内联元素的默认display玩游戏花屏属性值)

  inline-block:将元素转换为内联块状元素(img,input等元素的默认display属性值)

  list-item:将元素转换为列表类型(li的默认display属性值)

  none:元素隐藏不可见

注:当元素设置了float属性后,就相当于设置了display:block;可以给元素定义宽,高了

三、置换元素和非置换元素

1.置换元素

浏览器根据元素的标签和属性,来决定元素的具体显示内容

img标签,src属性决定了在网页呈现不同的图片

input标签,type属性决定了在网页中呈现什么类型的input控件

2.非置换元素

除置换元素外其他的html元素都我在春天里等你是非置换元素

标签之间书写什么样的内容,浏览器就显示什么内容

如:<h1>hello world</h1

本文发布于:2023-04-03 14:20:12,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/03c20f1b001f06714a04452e23cd3ca7.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:前端之Html元素的分类.doc

本文 PDF 下载地址:前端之Html元素的分类.pdf

标签:宋体   元素   内联   块状
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图