文档章节

HTML 文本及分组和表格与文档元素

hakase
 hakase
发布于 2016/09/21 22:40
字数 184
阅读 29
收藏 1

文本元素

分组元素

dl dt dd 说明列表

<dl>
    <dt>Passage A</dt>
    <dd>1 HTML5</dd>
    <dd>2 CSS3</dd>
</dl>

figure组

<figure>
    <figcaption>This is a picture</figcaption>
    <img src="img.png">
</figure>

表格元素

一个完整的表格

<table border="1">
	<caption>Caption</caption>
	<thead>
		<th>Name</th>
		<th>Age</th>
	</thead>
	<tbody>
		<tr>
			<td>Ming</td>
			<td>20</td>
		</tr>
		<tr>
			<td>Hong</td>
			<td>18</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<td colspan="2">Student: 2</td>
		</tr>
	</tfoot>
	<colgroup>
		<col>
		<col style="background:red;" span="1">
	</colgroup>
</table>

利用colgroup能更灵活的控制列 每一个col操纵1列 span表示前N列应用效果

文档元素

组合标题

<hgroup>
    <h1>HeadLine</h1>
    <h4>second</h4>
</hgroup>

独立成篇的文章

<article>
    <header>
        <nav>NAV</nav>
    </header>
    <section>PASSAGE</section>
    <footer>COPYLEFT</footer>
</article>

 

© 著作权归作者所有

hakase
粉丝 7
博文 39
码字总数 23663
作品 0
南京
私信 提问
加载中

评论(4)

帝听
帝听

引用来自“hakase”的评论

引用来自“天真丶无邪”的评论

你也是做前端的吗?

大三狗 前端后端移动端运维 什么都玩
果然专业,全方位发展!
hakase
hakase 博主

引用来自“天真丶无邪”的评论

你也是做前端的吗?

大三狗 前端后端移动端运维 什么都玩
GuoKet
GuoKet
大前端…
帝听
帝听
你也是做前端的吗?
html内联(行内)元素、块级(块状)元素和行内块元素分类

HTML可以将元素分类方式分为内联(行内)元素、块级(块状)元素和行内块元素三种。 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如<wode>自定义的元素</wode>等),自...

NB-One
2018/12/11
462
0
HTML5 的标签大全以及相关属性

HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端数据存储,以及交互式文档。 HTML 5 还包含了新的元素,比如: , , 以及 等等。 HTML 5 工作组包括:AOL, Apple, Google, IBM, ...

红薯
2011/04/14
14.7K
1
HTML/CSS/JavaScript学习笔记【持续更新】

HTML 标签 定义和用法 规定文本的字体、字体尺寸、字体颜色。 实例 规定文本字体、大小和颜色: 1 This is some text!2 This is some text!3 This is some text! HTML 与 XHTML 之...

angel_kitty
2017/09/03
0
0
Html CSS学习(三)Html文档流

Html文档流 刚开始学习Html时,并没有太多的关注于行内元素、块级元素、文档的渲染过程等内容,直到后面学习Div+CSS布局时,在经过了各种的浮动、设置内外边距、边框等时,觉得布局好难的,原...

AzureMonkey
2018/12/30
10
0
HTML 4 / 5 定义

标签 描述 4: 指在HTML 4.01 中定义了该元素 5: 指在HTML 5 中定义了该元素 <!--...--> 定义注释 4 5 <!DOCTYPE> 定义文档类型 4 5 <a> 定义超链接 4 5 <abbr> 定义缩写 4 5 <acronym> HTML......

哈狮子
2016/10/18
2
0

没有更多内容

加载失败,请刷新页面

加载更多

JS基础-该如何理解原型、原型链?

JS的原型、原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对这个...

OBKoro1
今天
6
0
高防CDN的出现是为了解决网站的哪些问题?

高防CDN是为了更好的服务网络而出现的,是通过高防DNS来实现的。高防CDN是通过智能化的系统判断来路,再反馈给用户,可以减轻用户使用过程的复杂程度。通过智能DNS解析,能让网站访问者连接到...

云漫网络Ruan
今天
14
0
OSChina 周一乱弹 —— 熟悉的味道,难道这就是恋爱的感觉

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :好久没分享歌了分享张碧晨的单曲《今后我与自己流浪》 《今后我与自己流浪》- 张碧晨 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
2.7K
24
SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
46
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部