html常见容器元素介绍与应用

<div>可定义文档中的分区或节（division/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

<div>元素是块级元素，它是可用于组合其他 HTML 元素的容器。<div>元素没有特定的含义。 除此之外，由于它属于块级元素，浏览器会在其前后显示折行。如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。

<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。 使用 <table>元素进行文档布局不是表格的正确用法。<table>元素的作用是显示表格化的数据。

<span>标签被用来组合文档中的行内元素。

<span>元素是内联元素，可用作文本的容器。<span>元素也没有特定的含义。 当与 CSS 一同使用时，<span>元素可用于为部分文本设置样式属性。

HTML5 提供的新语义元素定义了网页的不同部分。

header元素：定义文档或节的页眉。

footer元素：定义文档或节的页脚。

nav元素：定义导航链接的容器。

section 元素：定义文档中的节。

article 元素：定义独立的自包含文章。

summary 元素：定义 details 元素的标题。

aside 元素：定义内容之外的内容（比如侧栏）。

示列：

<table>元素不是作为布局工具而设计的。<table>元素的作用是显示表格化的数据。 使用 <table>元素能够取得布局效果，因为能够通过 CSS 设置表格元素的样式。

优势：

劣势：

尽管div + css布局具有一定的优势，不过现阶段div + css网站建设存在的问题也比较明显，主要表现在：

优点：

缺点：

可以先介绍整个实训的流程，再写自己学到的知识，最后再做出总结。范文如下：

在整个实训课程的安排上，简要的可以概括为在七天的时间中，整体对HTML语言的发展和前景有所了解，然后进行基础知识的学习，最后进行项目的设计和答辩。

首先，我想先来说说的这次实训的主要学习内容，即HTML语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)，标记语言是一套标记标签 (markup tag)，HTM使用标记标签来描述网页。

第一点，学习到了HTML语言的设计和代码指令自然不必再赘述，但更重要的是锻炼了思维能力，培养了设计创新的能力。在整个HTML学习的过程中，代码的运用、基础知识的学习可以说只是作为技术的基础层面，而要想真正完成一个项目，更多的是需要思维能力的锻炼和项目的创新。

因为如果没有这种能力，或者比较薄弱，一方面难以想出新的项目的构思，另一方面无法想出动画的翻转或者各种效果的指令代码的书写。所有的这些都贯穿于HTML的实训过程中。再具体的将来，就是对于所学的每个指令，并非是记忆住其书写的格式，而是需要我们加入自己对每个代码感悟和认识。

怎样的情况下去应用，如何用，使用时的技巧，这些都是重要的对于自己能力的锻炼。另外，结合于其中的，还有对于独立思考的能力的培养。这一点是显而易见的。

无论是对于一个新的项目的编写，还是对于学习每一条单独的指令，老师和同学所能帮助的是引导和解决难题的作用，而要想真正做到自己学会指令，则离不开独立思考，独立学习的过程和环节。

第二点，通过这次实训，使得自己对IT行业有了进一步的了解。在实训的过程中，老师也对IT行业和相关的就业前景进行了诸多叙述，对于自己和同学们有很大的帮助。HTML在网页开发上，赋予网页更好的意义和结构， HTML手机应用的最大优势就是可以在网页上直接调试和修改。

因此在HTML中的新的标签，将有助于开发人员定义重要的内容，可以给站点带来更多的多媒体元素(视频和音频)，可以很好的替代FLASH和Silverlight并且当涉及到网站的抓取和索引的时候，对于SEO很友好。对于这些优势性的，几乎也都有相关的工作岗位。

由此可见在未来的一段时间里，伴随着互联网的不断普及和优化，HTML的前端开发的相关岗位也必将是很火热的。这也是这次实训的另一意义所在，他对于就业是很有帮助的。

最后，简要的对这次实训加以总结。这次的实训课程，让我了解到了HTML语言的发展历史和前景；在技能培训上为自己毕业后就业提供了一个很好的方向。

通过这次培训，锻炼了自己的独立思考，和实践 *** 作的能力，让自己所学习的相关理论在实践中得以应用；加强了自己的合作能力和沟通交流的能力，培养了自己的创新意识，收获很大。

扩展资料：

实训报告内容格式：

(一) 实训名称

要用最简练的语言反映实训的内容。如验证某程序、定律、算法，可写成“验证×××”；分析×××。

(二) 所属课程名称

(三) 学生姓名、学号、合作者及指导教师

(四) 实训日期和地点（年、月、日）

(五) 实训目的

目的要明确，在理论上验证定理、公式、算法，并使实验者获得深刻和系统的理解，在实践上，掌握使用实验设备的技能技巧和程序的调试方法。一般需说明是验证型实验还是设计型实验，是创新型实验还是综合型实验。

(六）实训原理

述实训相关的主要原理。

(七) 实训内容

这是实训报告极其重要的内容。要抓住重点，可以从理论和实践两个方面考虑。这部分要写明依据何种原理、定律算法、或 *** 作方法进行实验。详细理论计算过程.

(八) 实训环境和器材

实训用的软硬件环境（配置和器材）。

(九) 实验步骤

只写主要 *** 作步骤，不要照抄实习指导，要简明扼要。还应该画出实验流程图（实验装置的结构示意图），再配以相应的文字说明，这样既可以节省许多文字说明，又能使实验报告简明扼要，清楚明白。

(十) 实验结果

实验现象的描述，实验数据的处理等。原始资料应附在本次实验主要 *** 作者的实验报告上，同组的合作者要复制原始资料。

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

---