分组元素

<p>文本段落:</p>
<p>p元素:定义一个段落</p><br>

<p>预格式化文本:</p>
<pre>pre元素:pre元素会保留文本的 空格 和 换行符</pre><br>

<p>文本个区域</p>
<div>div元素:这是一个DIV的区域块</div><br>

<p>引用大段的文本内容块</p>
<blockquote>blockquote元素:For 50 years, WWF has been protecting the future of nature.
The world‘s leading conservation organization, WWF works in 100 countries and is supported by
1.2 million members in the United States and close to 5 million globally.
</blockquote><br>

<p>无序列表 ul li元素:</p>
<ul><li>无序列表1</li><li>无序列表2</li></ul><br>

<p>有序列表 ol li元素:</p>
<ol><li>有序列表1</li><li>有序列表2</li></ol><br>

<p>对文本项目进行描述。dl:定义一个描述列表; dt:项目名; dd:对项目进行描述</p>
<dl>
<dt>项目名</dt>
<dd>对项目进行描述</dd>
</dl><br>

<p>图片插入。figure:定义一个图片列表; img:插入图片; figcaption:图片说明标题</p>
<figure>
<img src="" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>

原文地址:https://www.cnblogs.com/yachjin/p/8992134.html

时间: 2024-12-22 00:57:15

分组元素的相关文章

6.html5分组元素

何为分组元素,首先先看下面这个例子: <span>scolia<span>scolia</span></span> <span>scolia</span> <span>scolia</span> 上面这段代码的显示效果是这样的: 首先,第一行的文本元素嵌套的文本是无缝连接的,而下面两行不嵌套的也在一行内显示完毕,不过元素之间相距一个空格. 而分组元素则是这样的: <div>scolia<div

第六十二节,html分组元素

html分组元素 学习要点:     1.分组元素总汇     2.分组元素解析     本章主要探讨HTML5中分组元素的用法.所谓分组,就是用来组织相关内容的HTML5元素,清晰有效的进行归类. 一.分组元素总汇     为了页面的排版需要,HTML5提供了几种语义的分组元素.         元素名称                                 说明             p           表示段落           div        一个没有任何语义的通

第 5 章 分组元素

学习要点: 1.分组元素总汇 2.分组元素解析 主讲教师:李炎恢 本章主要探讨 HTML5 中分组元素的用法.所谓分组,就是用来组织相关内容的 HTML5 元素,清晰有效的进行归类. 一.分组元素总汇为了页面的排版需要,HTML5 提供了几种语义的分组元素. 元素名称 说明 p 表示段落 div 一个没有任何语义的通用元素,和 span 是对应元素 blockquote 表示引自他出的大段内容 pre 表示其格式应被保留的内容 hr 表示段落级别的主题转换,即水平线 ul,ol 表示无序列表,有

第 5 章分组元素

第 5 章分组元素 学习要点: 1.分组元素总汇 2.分组元素解析 一.分组元素总汇 为了页面的排版需要,HTML5提供了几种语义的分组元素. 元素名称 说明 p div 表示段落 一个没有任何语义的通用元素,和 span是对应元素 表示引自他出的大段内容 blockquote pre 表示其格式应被保留的内容 hr 表示段落级别的主题转换,即水平线 表示无序列表,有序列表 ul,ol li 用于 ul,ol元素中的列表项 表示包含一系列术语和定义说明的列表.dt在  dl内部表示 术语,一般充

h5中的分组元素figure、figcaption、hgroup元素介绍

分组元素用于对页面中的内容进行分组. figure元素和figcaption元素 figure元素用于定义独立的流内容(图像.图表.照片.代码等),一般指一个独立的单元.figure元素的内容应该与主内容相关,但如果被删除,也不会对文档流产生影响. figcaption元素用于为figure元素组添加标题,一个figure元素内最多允许使用一个figcaption元素,该元素应该放在figure元素的第一个或最后一个子元素的位置. <p>被称作"第四代体育馆"</p&

UITableView删除分组最后一个元素

UITableView删除分组最后一个元素,需要把分组同时删除. 1.首先在数据源上删除数据. 2.UI上删除cell: [tableView deleteRowsAtIndexPaths:[NSArrayarrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationAutomatic]; 3.删除数据源上分组的元素. 4.UI上删除分组元素: [tableView deleteSections:[NSIndexSetind

HTML5之新增的元素

今天打开博客看到自己有了一个小粉丝,说实话还是蛮开心的,坚持写博客大半年了,终于迎来了自己的第一个小伙伴.总算是坚持了那么久的事情看到了结果吧. 前几天参加了我们学院老师的比赛---<青年教师大赛的初赛>.我被我们老师拉去做了义工-----计时员.看了所有老师的比赛,虽然都特别好,但是让我印象深刻的还是一个HTMl5+CSS3的课程.看到那种炫酷的效果,我瞬间都被吸引住了.所以忙完了手头上的作业,就从别人那里要到了HTML5的教程,开始了我的学习HTML5之路.虽然看了6节课了,还是没有学到老

第 10 章 表单元素[下]

学习要点: 1.其他元素 2.输入验证 主讲教师:李炎恢 本章主要探讨 HTML5 中表单中剩余的其他元素,然后重点了解一下表单的输入验证功能. 一.其他元素 表单元素还剩下几个元素没有讲解,包括下拉框列表 select.多行文本框 textarea.和 output 计算结果元素. 元素名称 说明 select 生成一个下拉列表进行选择 optgroup 对 select 元素进行编组 option select 元素中的项目 textarea 生成一个多行文本框 output 表示计算结果

3.html5的文本元素

如果你看了第一篇的内容,你会发现我的代码是这样的: 文本 <span>文本</span> <scolia>文本</scolia> <scolia abcd=123>文本</scolia> 但显示的效果却是这样的: 很奇怪,明明我的代码是分了4行来写的,但为什么在浏览器显示的时候却都在一行以内,而且它们之间都有一个空格的距离? 因为,浏览器对于换行的解释并不是依靠我们写代码时的排版,而是根据特定的标签,例如专用的换行标签<br/&