html标签元素分类

元素分类

html中的标签元素大体分为三种不同的类型:块状元素内联元素(又叫行内元素)内联块状元素

常用的块状元素有:

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有:

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有:

<img>、<input>

块级元素特点:

1、每个块级元素独占一行

2、元素的高度、宽度、顶部和底部边距(height、width、margin-top、margin-bottom)都可设置。

3、元素宽度缺省是其父容器的100%(和父元素的宽度一样),除非设定宽度。

4、它可以容纳内联元素和其他块元素

内联元素特点:

1、和其他元素都在一行上;

2、元素的高度、宽度、及顶部和底部边距(height、width、margin-top、margin-bottom)不可设置(设置没有效果);

3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

4、内联元素只能容纳文本或者其他内联元素。

inline-block元素特点:

1、和其他元素都在一行上;

2、元素的高度、宽度、行高以及顶和底边距都可设置。

时间: 2024-12-19 14:16:30

html标签元素分类的相关文章

html的标签元素分类

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>HTML元素分类</title>    <style type="text/css">    /*浏览器默认样式(外边距和内边距)初始化(所有)*/       *{       margin: 0;       pa

HTML的标签元素分类的区别

HTML ,即Hyper Text Markup Language 超文本标记语言: 文本:纯字符,如window中的txt文本 超文本:在纯文本中嵌入样式,图片,音频,视频,链接等内容 HTML的基本结构: <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> HTML元素类型: (1)     区

标签的分类

•标签元素分类 •块级元素block;  div p h1-h6 table form… •内联元素inline; a span … •内联块inline-block; img input select… 块级元素标签的特点 1.独占一行,默认情况下,其宽度自动填满其父元素宽度 2.可以设置宽和高,设置了宽度还是独占一行 3.可以设置margin和padding属性 4.对应的相关display属性:block 5.可以互相转换display:inline变成行内元素 6.可以嵌套块级元素及行内

从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型

我们知道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css盒子模型的方式将div元素包含. 元素分类 HTML5中,元素主要分为7类: Metadata Flow Sectioning Heading Phrasing Embedded Interactive 这些分类集合互相之间也存在一定的交集(一个元素可以同时属于多个分类),其交集关系呈现为: 需要注意的是,HTML5中的这种元素分类与in

HTML中标签元素的分类

在HTML中,HTML标签元素大体被分为三种不同的类型:内联元素(又叫行内元素),块状元素,内联块状元素. 常用的内联元素有: <a>.<span>.<br />.<i>.<em>. <strong>.<label>.<q>.<var>.<cite>.<code> 内联元素的特点: 和其他内联元素都显示在同一行 元素的宽度.高度.顶部边距和底部边距不可设置 元素的宽度就是它包

Web前端开发基础 第四课(CSS元素分类)

元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>

了解HTML 元素分类

HTML中包含大量的标签, 这些标签在我们使用中发现会有小小的差别, 有的标签用了之后不会有太大的布局变化, 只是语义化, 而有的标签却会重起一行, 相当于自己回车了一次, 这就是不同标签元素的分类不同造成的结果. 块级元素 在HTML中, <div>, <p>, <h1>, <form>, <ul>, <ol>, <li>等标签就是块级元素, 每个块级元素一般都具有相同的特点. 1, 每个块级元素都从新的一行开始, 并且

HTML5 元素分类

HTML5元素分类:结构性元素.级块性元素.行内语义性元素.交互性元素. 目的:使文档的结构更加清晰明确: 增加新功能. 结构性元素:负责Web的上下文结构的定义,确保HTML文档的完整性. 1.1 section(给内容分段):在web页面应用中,该元素可以用于区域的章节表述. section 元素用于对网站或应用中页面上的内容进行分区,关注内容的独立性:一个section元素通常由标题及内容组成:section元素包含的内容可以单独存储到数据库中或输出到word文档中 1.2 header(

标签的分类和嵌套原则

标签的分类 标签分为 块级标签,内联标签,内联块标签  三类: 1 块级标签(block) 主要包括 h1-h6,div,section ,header,footer,nav,p,ul,ol,li,dl,dd,dt,hr(分割线),artical,aside,form等 特征:1  独占一行: 2  支持宽高,支持所有样式: 3  不设置宽度,宽度铺满整行: 2 内联标签(inline) 主要包括 span,time,a,strong(粗体),mark(背景色),em(斜体),br等 特征 :