HTML————行级元素和块级元素标签

 

块级标签:(block)

一、独占一行,不和其余元素待在同一行,宽度自动填满父元素宽度浏览器

二、能设置weight(宽)、height(高)属性框架

三、能够设置margin,padding属性字体

常见的块级标签:

<address>,定义地址spa

<caption>,定义表格标题code

<div>,定义文档中的分区或节orm

<dl>,定义列表图片

<dt>,定义列表中的项目、ip

<fieldset>,定义一个框架集ci

<form>,建立HTML表单文档

 

<h1>,定义最大的标题

<h2>,定义副标题

<h3>,定义标题

<h4>,定义标题

<h5>,定义标题

<h6>,定义最小的标题

<hr>,建立一条水平线

<legend>元素为<fieldset>标签订义标题

<li>,标签订义列表项目

<noframes>,为那些不支持框架的浏览器显示文本,于<frameset>元素内部

<noscript>,定义在脚本未被执行时的替代内容

<ol>,定义有序列表

<ul>,定义无序列表

<p>,标签订义段落

<pre>,定义预格式化的文本

<table>,定义HTML表格

<tbody>,定义表格主体(正文)

<td>,表格中的标准单元格

<tfoot>,定义表格的页脚(脚注或表注)

<th>,定义表头单元格

<thead>,标签订义表格的表头

<tr>,定义表格中的行

列表(ul,ol,li),盒子(div),段落(p),

表单(form),

表格(table,tr,td),水平线(<hr>)

 

行级标签:(inline)

一、能和其余元素待在同一行

二、不能设置宽高

三、行内元素的水平方向的padding-left和padding-right都会产生边距效果,可是竖直方向上的padding-top和padding-bottom都不会产生边距效果

常见的行级标签:

<a>,超连接,

<abbr>,表示一个缩写形式

<acronym>,定义只取首字母缩写

<strong>/<b>,字体加粗

<em>,定义为强调的内容

<i>,斜体文本效果

<u>,下划线

<del>,删除线

<bdo>,可覆盖默认的文本方向

<big>,大号字体加粗

<br>,换行

<cite>,引用进行定义

<code>,定义计算机代码文本

<dfn>,定义了一个定义项目

<img>,向网页中嵌入一幅图像

<input>,输入框

<kbd>,定义键盘文本

<label>,标签为<input>元素定义标注(标记)

<q>,定义短的引用

<samp>,定义样本文本

<select>建立单选或多选菜单

<small>,呈现小号字体效果

<span>,组合文档中的行内元素

<sub>,定义下标文本

<sup>,定义上标文本

<textarea>,多行的文本输入控件(文本域)

<tt>,打字机或者等宽的文本效果

<var>,定义变量

 

 

行内块标签:(inline-block)

一、能和其余元素待在一行

二、能设置宽高

常见的行内块标签:

图片(<img>),输入(<input>),文本域(<textarea>)

相关文章