下载文档原格式
CSS中的块级元素（block）与⾏内元素（inline）css中有3种基本的定位机制：普通流（相对定位实际上看做普通流定位模型的⼀部分）浮动（float）绝对定位（固定定位是绝对定位的⼀种）所以在学习浮动之前，我们先要了解块级元素与内联元素（⾏内元素）。
块级元素：块级元素⼀般当做容器使⽤，既可以容纳内联元素也可以容纳块级元素，例如div和p。
常见的块级元素:（1）div：主要⽤来进⾏框架布局。
（2）h1～h6：⽤来设置不同级别的标题。
（3）p:创建段落，会⾃动在其前后创建⼀些空⽩。
（4）hr:⽤来创建分隔先。
（5）ol:创建有序列表。
（6）ul:创建⽆序列表。
块级元素的特点：1.块级元素既可以容纳内联元素也可以容纳块级元素。
2.块级元素在默认的情况下是独占⼀⾏的。
3.块级元素⼤⼩是可以控制的，css可以通过width与height设定⾼度和宽度。
宽度默认值就是它所在容器宽度的100%。
4.块级元素可以设置margin和padding属性.5.块级元素对应属性display：block；内联元素：任何不是块级元素的可见元素都是内联元素。
内联元素只能够容纳⽂本或者内联元素。
常见的内联元素:（1）strong：加粗强调。
（2）em：斜体强调。
（3）s：删除线。
（4）u：下划线。
（5）a：超链接。
（6）span：常⽤⾏级，可定义⽂档中的⾏内元素。
（7）img：图⽚。
（8）input:表单。
内联元素的特点：1.内联元素默认情况下可以和其他内联元素元素在⼀⾏上。
2.内联元素默认情况下的⼤⼩是不可以控制的。
3.内联元素可以产⽣代码换⾏和空格。
4.内联元素对应属性display：inline；5.内联元素只能容纳⽂本或者内联元素。
内联元素的margin和padding属性,⽔平⽅向的padding-left,padding-right,margin-left,margin- right都产⽣边距效果,但竖直⽅向的padding-top,padding-bottom,margin-top,margin-bottom却不会产⽣边距效果.display：inline-block；可以让元素具有块级元素和⾏内元素的特性：既可以设置长宽，可以让padding和margin⽣效，⼜可以和其他⾏内元素并排。
SPAN元素和DIV元素有什么区别解决思路：最明显的区别是：DIV是块元素，SPAN是内嵌元素。
块元素相当于内嵌元素在前后各加一个<br>换行。
其实，块元素和行内元素也不是一成不变的，只要给块元素定义display:inlin e，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了。
具体步骤：代码示例：<style>div,span{border:1px solid #000;margin:2}</style><div>div1</div><div>div2</div><span>span1</span><span>span2</span><br><div style="display:inline">div3</div><div style="display:inline">div4</div><span style="display:block">span3</span><span style="display:block">span4</span>技巧：有些朋友会说DIV是层标签，其实HTML里是没有层这个说法的，只不过是为了易于理解，Dreamweaver里才这样写的，每个对象都可以成为“层”，只需要给对象定义posit ion属性(值为absolute或relavite)。
例如，要让图片成为“层”，可以这样写代码：<img src="demo.gif" style="posibion:absolute;left:20;top:20">特别提示本例代码运行效果如图2.1.6.3所示，为了更能说明问题，这里给块元素和内嵌元素都加了1像素宽的黑色实线边框，从图中可以看到，DIV默认为块元素，定义display属性值为in line后以内嵌元素显示，而SPAN默认为内嵌元素，定义display属性值为block后则以块元素显示。
CSS块级元素和⾏内元素详解HTML中的元素可分为两种类型：块级元素和⾏级元素。
这些元素的类型是通过⽂档类型定义（DTD）来指明。
块级元素：显⽰在⼀块内，会⾃动换⾏，元素会从上到下垂直排列，各⾃占⼀⾏，如p,ul,form,div等标签元素。
⾏内元素：元素在⼀⾏内⽔平排列，⾼度由元素的内容决定，height属性不起作⽤，如span,input等元素。
⼀、块级元素：block element每个块级元素默认占⼀⾏⾼度，⼀⾏内添加⼀个块级元素后⽆法⼀般⽆法添加其他元素（float浮动后除外）。
两个块级元素连续编辑时，会在页⾯⾃动换⾏显⽰。
块级元素⼀般可嵌套块级元素或⾏内元素；块级元素⼀般作为容器出现，⽤来组织结构，但并不全是如此。
有些块级元素，如只能包含块级元素。
其他的块级元素则可以包含⾏级元素如.也有⼀些则既可以包含块级，也可以包含⾏级元素。
DIV 是最常⽤的块级元素，元素样式的display:block都是块级元素。
它们总是以⼀个块的形式表现出来，并且跟同级的兄弟块依次竖直排列，左右撑满。
⼆、⾏内元素：inline element也叫内联元素、内嵌元素等；⾏内元素⼀般都是基于语义级(semantic)的基本元素，只能容纳⽂本或其他内联元素，常见内联元素 “a”。
⽐如SPAN 元素，IFRAME元素和元素样式的display : inline的都是⾏内元素。
例如⽂字这类元素，各个字母之间横向排列，到最右端⾃动折⾏。
三、block（块）元素的特点:①、总是在新⾏上开始；②、⾼度，⾏⾼以及外边距和内边距都可控制；③、宽度缺省是它的容器的100%，除⾮设定⼀个宽度。
④、它可以容纳内联元素和其他块元素四、inline元素的特点①、和其他元素都在⼀⾏上；②、⾼，⾏⾼及外边距和内边距不可改变；③、宽度就是它的⽂字或图⽚的宽度，不可改变④、内联元素只能容纳⽂本或者其他内联元素对⾏内元素，需要注意如下设置宽度width ⽆效。
HTML 重要标签： (1)样式/节 ①<style> 实例：<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。
唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
②<div>HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。
除此之外，由于它属于块级元素，浏览器会在其前后显 示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。
它取代了使用表格定义布局的老式方法。
使用 <table> 元素进行文档布局不是表格的正确用法。
<table> 元素的作用是显示 表格化的数据。
实例：<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节（division/section）。
HTML⾏内元素与块级元素有哪些及区别详解想起之前⼯作⾯试时，⾯试官问的⼀个问题：⾏内元素有哪些，和块级元素有什么区别？这是⼀道蛮基础的⾯试题，但是很多初学者平时只注重标签语义，忽视了标签⾏内和块级的特性，因此对于上述问题很有可能答不上来或者答不全。
HTML常见的⾏内元素有：<span>、<a>、 <img>、 <input>、<textarea>、<select>、<label>还有包括⼀些⽂本元素如：<br> 、<b>、 <strong>、<sup> 、<sub>、 <i> 、<em> 、<del> 、 <u>等。
要是只回答<span>和<img>那就说不过去了吧。
HTML常见的块级元素有：<div>、<table>、<form>、<p>、<ul>、<h1>......<h6>、<hr> 、<pre>、<address>、<center>、<marquee> 、<blockquote> 等。
要是只回答<div>那就说不过去了吧。
那它们之间的区别是什么呢？·块级元素1.总是从新的⼀⾏开始，即各个块级元素独占⼀⾏，默认垂直向下排列；2.⾼度、宽度、margin及padding都是可控的，设置有效，有边距效果；3.宽度没有设置时，默认为100%；4.块级元素中可以包含块级元素和⾏内元素。
·⾏内元素1.和其他元素都在⼀⾏，即⾏内元素和其他⾏内元素都会在⼀条⽔平线上排列；2.⾼度、宽度是不可控的，设置⽆效，由内容决定。
HTML块级元素前⾯的话 在HTML5出现之前，⼈们⼀般把元素分为块级、内联和内联块元素。
本⽂将详细介绍HTML块级元素h 标题(Heading)元素有六个不同的级别，<h1>是最⾼级的，⽽<h6>则是最低的。
⼀个标题元素能简要描述该节的主题 从<h1>到<h6>，重要性逐渐减⼩，字体⼤⼩也逐渐减⼩。
在使⽤标题元素时，要注意以下⼏点 1、不要为了减⼩标题的字体⽽使⽤低级别的标题，⽽是使⽤CSS的font-size样式 2、避免跳过某级标题：始终要从<h1>开始，接下来使⽤<h2>等等 3、使⽤<section>元素时，为了⽅便起见，避免重复在⼀个页⾯上使⽤<h1>，<h1>应该⽤来表⽰页⾯的标题，其他的标题当从<h2>开始。
使⽤<section>时，应当每个 section都使⽤⼀个<h2>【默认样式】//从h1到h6margin: 0.67em 0 -> 0.83em 0 -> 1em 0 -> 1.33em 0 -> 1.67em 0 -> 2.33em 0;font-size: 2em -> 1.5em -> 1.17em -> 1em -> 0.83em -> 0.67em;font-weight: bold;h1h2h3h4h5h6 HTML5新增了<hgroup>标签，它表⽰标题组，⽤于组合标题，只在区块需要有多个级别的标题时使⽤ <hgroup><h1>⽔果</h1><h2>苹果</h2></hgroup>p <p>元素(paragraph)表⽰⽂本的⼀个段落，该元素通常表现为⼀整块与相邻⽂本分离的⽂本，或以垂直的空⽩隔离或以⾸⾏缩进【默认样式】margin: 16px 0;<p>段落1</p>段落1段落2段落3div <div>元素(divide)(或HTML⽂档分区元素)是⼀个通⽤型的流内容容器，它在语义上不代表任何特定类型的内容，它可以被⽤来对其它元素进⾏分组，⼀般⽤于样式化相关的需求(使⽤class或id特性)或者对具有相同特性的⼀组元素进⾏分组(⽐如lang)，它应该在没有任何其它语义元素可⽤时才使⽤(⽐如<article>或<nav>)hr <hr>元素表⽰段落级元素之间的主题转换(例如，⼀个故事中的场景的改变，或⼀个章节的主题的改变)。
Html div和span详解div和span的区别div:div是一个块级元素，可以包含段落，表格等内容，用于放置不同的内容。
一般我们在网页通过div来布局定位网页中的每个区块。
Span:span是一个内联元素，没有实际意义，它的存在纯粹是为了应用样式，给一段内容加上<span></span>标记可以通过在span上定义样式来设定其内容的样式。
div和 span元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染。
主要用于应用样式表。
比如：代码：<html><head><title>div与span的区别</title></head><body><p>div标记不同行：</p><div><img src="_CSS在线_logo.gif" border="0"></div> <div><img src="_CSS在线_logo.gif" border="0"></div> <div><img src="_CSS在线_logo.gif" border="0"></div> <p>span标记同一行：</p><span><img src="_CSS在线_logo.gif" border="0"></span><span><img src="_CSS在线_logo.gif" border="0"></span><span><img src="_CSS在线_logo.gif" border="0"></span></body></html>输出结果：区别：两者最明显的区别在于div是块元素，而span是行内元素。
⼀、HTML中常⽤标签及属性⼀、HTML基础语法 ---> 单标签、双标签、块级元素、⾏内元素 单双标签其实就是HTML⽂档中标签书写的格式，页⾯中最常见的是双标签； 单标签就是只有⼀个标签，也就是⼀个空元素：meta、img、hr、br 双标签有开始标签和结束标签 块级元素：独占⼀⾏，对宽⾼的属性值⽣效，如果不给宽度，块级元素就默认浏览器的宽度，（即就是100%宽） 例如：div p ul h1~h6 ..... ⾏内元素：对宽⾼属性值不⽣效，完全靠内容撑开宽⾼，可以跟其他标签存在⼀⾏ 例如：span b strong em a img input ...... ⾏内块元素：结合⾏内和块级元素的特点，不仅对宽⾼的属性值⽣效，还可以跟多个标签存在⼀⾏ 例如：input img⼆、HTML中常⽤标签 ---> ⽂档头部<!DOCTYPE html><!-- 申明，这⾏以下的⽂档都是html⽂档 --><html lang="en"><head><!-- 设置字符集编码 --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 定义⽹页头部 --><title>Document</title><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 shortcut icon:链接图⽚ type规定链接⽂档的类型 image/x-icon 图⽚类型 --><link rel="shortcut icon" type="image/x-icon" href=""><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 stylesheet:层叠样式表 type规定链接⽂档的类型 text/css CSS样式表 --><link rel="stylesheet" type="text/css" href=""></head><body></body></html>三、HTML中常⽤标签 ---> ⽂本标签级属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!-- 块级元素，段落标签 text-indent:段落缩进 1个em就是1个字体的长度; --><!-- font-size:字体⼤⼩设置 1px⼀个像素点⼤⼩;color:字体颜⾊;font-weight:bold 字体加粗;font-family:字体类型 --><p style="text-indent: 2em;font-size:15px;color: red;font-weight: bold;font-family: monospace;"></p><!-- ************ --><!-- ⾏内元素标签 --><!-- 斜体标签1 --><em></em><!-- 斜体标签2 --><i></i><!-- 删除线标签 --><del></del><span></span><!-- ************ --><!-- 换⾏标签，单标签，内部没有属性，上⾯的段落、⾏内标签可以通过br换⾏ --><br><!-- 预格式标签，保留⽂本中的换⾏或者空格 --><pre></pre><!-- 标题标签，h1~h6，块级元素，从⼤到⼩，h1最⼤ --><!-- text-align:设置⽂本位置 left:靠左 center:居中 right:靠右 --><h1 style="text-align: center;"></h1><!-- background:背景颜⾊ height:标签⾼度 line-height:设置⾏⾼ --><h2 style="background: pink;height: 50px;line-height: ;"></h2><h3></h3><h4></h4><h5></h5><h6></h6></body></html>四、HTML中常⽤标签 ---> 超链接<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/* 去掉a链接下划线 */a{text-decoration: none;}/* 伪属性，⿏标移上字体变红,下划线显⽰ */a:hover{color: red;text-decoration: underline;}div{height: 1000px;background: pink;width:400px;}</style></head><body><!-- 链接标签 href:链接地址，"#"本页⾯跳转，默认⾃带下划线 --><a href="#">我是⼀个链接</a><!-- 图⽚链接 --><a href=""><img src="" alt=""></a><!-- 设置锚点定位 --><a href="top">页⾯顶部</a><div></div><a href="" id="top">回到顶部</a></body></html>五、HTML中常⽤标签 ---> 列表标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表标签</title><style type="text/css">/* 清空li样式；⽂化素质宽⾼；设置边框线 */ul li{list-style: none;height: 40px;width: 200px;border: 1px solid #ccc;margin: 5px 0px;text-align:center;line-height: 40px;} /* 设置前⾯样式为图⽚，但是⽆法调整图⽚与⽂字的间距 */ul li{list-style: url(图⽚地址);}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::before{content: url(图⽚地址);margin-right: 30px;}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::after{content: url(图⽚地址);}</style></head><body><!-- 有序列表 --><ol><li>web前端</li><li>JavaScript</li><li>jQuery</li></ol><!-- ⽆序列表 --><ul><li>西⽠<ul><li>有籽西⽠</li><li>⽆籽西⽠</li></ul></li><li>苹果</li><li>西柚</li></ul></body></html>六、HTML中常⽤标签 ---> form表单<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title><style type="text/css">/* padding内边距 */input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top: 20px;padding: 20px;} /* border: none去掉按钮⾃带的边框线 */button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;} </style></head><body><!-- method在后端传输数据⽤到,传值⽅式get/post --><!-- action传值url地址 --><form method="" action=""><!-- type类型，输⼊域的类型：text⽂本型，password密码类型 --><!-- placeholder⽂本框内部的提⽰信息 --><input type="text" name="username" placeholder="请输⼊⽤户名"><br><input type="password" name="pwd" placeholder="请输⼊⽤密码"><br><button>登陆</button></form></body></html>七、HTML中常⽤标签 ---> 表格（table）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格</title><style type="text/css">/* 清除默认样式 */*{margin: 0px;padding: 0px;}/* border-collapse: collapse;合并多余的边框线 */table{border: 1px solid #ccc;border-collapse: collapse;}tr th{height: 200px;border: 1px solid #ccc;width: 100px;}tr td{height: 200px;border: 1px solid #ccc;width: 100px;}</style></head><body><table><!-- 表头定义⽤th --><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr><!-- 定义⾏⽤tr --><tr><!-- 定义列⽤td --><!-- colspan="5"合并5列 --><td colspan="5"></td></tr><tr><!-- 定义列⽤td --><!-- rowspan="2"合并两⾏，同时删除合并⾏的列 --><td rowspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body></html>。
web前端笔试题及答案一、HTML部分1. 什么是HTML？HTML（超文本标记语言）是一种用于创建网页的标准标记语言，它结合了文本、图像和其他内容，以及用于规定布局和样式的标签和属性。
2. HTML5中新增了哪些元素和功能？HTML5引入了很多新的元素和功能，包括但不限于以下几个：- 新的语义化标签，如`<header>`、`<footer>`、`<nav>`等，用于更好地描述页面内容的结构。
- 音频和视频元素`<audio>`和`<video>`，以及对应的控制API，使得在网页中嵌入和控制多媒体内容更加方便。
- 表单部分的增强，包括新增的输入类型（如日期、时间、邮箱等）和表单验证功能。
- WebGL、Canvas和SVG的支持，实现更丰富的图形和动画效果。
- 本地存储，如LocalStorage和SessionStorage，提供了在浏览器端存储数据的能力。
- 增强的地理定位、拖拽、离线应用等功能。
3. 请描述一下HTML中的块级元素和内联元素的区别。
- 块级元素：块级元素会独占一行或多行空间，可以设置宽度、高度、外边距和内边距等样式属性。
常见的块级元素包括`<div>`、`<p>`、`<h1>`-`<h6>`等。
- 内联元素：内联元素与其他元素在一行上并排显示，宽度和高度由内容决定，无法设置上述的样式属性。
常见的内联元素包括`<span>`、`<a>`、`<strong>`、`<em>`等。
4. 如何在HTML中嵌入图像？可以使用`<img>`元素来在HTML中嵌入图像，需要设置`src`属性为图像文件的URL，如：```<img src="image.jpg" alt="描述性文本">```其中，`alt`属性指定了在图像无法加载时的替代文本，可以提高可访问性。
关于内联元素和块元素
我们首先要了解，所有的html元素，都要么是block(块元素)、要么是inline(内联元素)。
下面了解一下block、inline各自的特点：
block元素的特点：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度。
inline元素的特点：
和其他元素都在一行上；
高，行高及顶和底边距不可改变；
宽度就是它的文字或图片的宽度，不可改变。
我们来详细了解它们的情况。
块元素(block element)一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。
“form"这个块元素比较特殊，它只能用来容纳其他块元素。
如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排。
而有了css 以后，我们可以改变这种html的默认布局模式，把块元素摆放到你想要的位置上去。
而不是每次都愚蠢的另起一行。
需要指出的是，table标签也是块元素的一种，table based layout和css based layout从一般使用者（不包括视力障碍者、盲人等）的角度来看这两种布局，除了页面载入速度的差别外，没有其他的差别。
但是如果普通使用者不经意点了查看页面源代码按钮后，两者所表现出来的差异就非常大了。
基于良好重构理念设计的css 布局页面源码，至少也能让没有web开发经验的普通使用者把内容快速的读懂。
从这个角度来说，css layout code应该有更好的美学体验。
你能够把块容器元素div想象成一个个box，或者如果你玩过剪贴文载的话，那就更加容易理解了。
我们先把需要的文章从各种报纸、杂志总剪下来。
每块剪下来的内容就是一个block。
然后我们把这些纸块按照自己的排版意图，用胶水重新贴到一张空白的新纸上。
这样就形成了你自己独特的文摘快报了。
作为一种技术的延伸，网页布局设计也遵循了同样的模式。
内联元素(inline element)一般都是基于语义级(semantic)的基本元素。
内联元素只能容纳文本或者其他内联元素，常见内联元素“a”。
需要说明的是：inline element的中文叫法，有多种内联元素、内嵌元素、行内元素、直进式元素。
基本上没有统一的翻译，爱怎么叫怎么叫吧。
另外提到内联元素，我们会想到有个display的属性是display:inline;这个属性能够修复著名的IE双倍浮动边界问题。
块元素(block element)和内联元素(inline element)都是html规范中的概念。
块元素和内联元素的基本差异是块元素一般都从新行开始。
而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。
比如，我们完全可以把内联元素cite加上display:block这样的属性，让他也有每次都从新行开始的属性。
可变元素是基于以上两者随环境而变化的，它的基本概念就是他需要根据上下文关系确定该元素是块元素或者内联元素。
可变元素还是属于上述两种元素类别，一旦上下文关系确定了他的类别，他就要遵循块元素或者内联元素的规则限制。
html标签的block、inline分类明细：
块元素(block element):
◎address - 地址
◎blockquote - 块引用
◎center - 举中对齐块
◎dir - 目录列表
◎div - 常用块级容易，也是css layout的主要标签
◎dl - 定义列表
◎fieldset - form控制组
◎form - 交互表单
◎h1 - 大标题
◎h2 - 副标题
◎h3 - 3级标题
◎h4 - 4级标题
◎h5 - 5级标题
◎h6 - 6级标题
◎hr - 水平分隔线
◎isindex - input prompt
◎menu - 菜单列表
◎noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容◎noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
◎ol - 排序表单
◎p - 段落
◎pre - 格式化文本
◎table - 表格
◎ul - 非排序列表
内联元素(inline element):
◎a - 锚点◎abbr - 缩写
◎acronym - 首字
◎b - 粗体(不推荐)
◎bdo - bidi override
◎big - 大字体
◎br - 换行
◎cite - 引用
◎code - 计算机代码(在引用源码的时候需要)
◎dfn - 定义字段
◎em - 强调
◎font - 字体设定(不推荐)
◎i - 斜体
◎img - 图片
◎input - 输入框
◎kbd - 定义键盘文本
◎label - 表格标签
◎q - 短引用
◎s - 中划线(不推荐)
◎samp - 定义范例计算机代码
◎select - 项目选择
◎small - 小字体文本
◎span - 常用内联容器，定义文本内区块
◎strike - 中划线
◎strong - 粗体强调
◎sub - 下标
◎sup - 上标
◎textarea - 多行文本输入框
◎tt - 电传文本
◎u - 下划线
◎var - 定义变量
可变元素:
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
◎applet - java applet
◎button - 按钮
◎del - 删除文本
◎iframe - inline frame
◎ins - 插入的文本
◎map - 图片区块(map)
◎object - object对象
◎script - 客户端脚本。
