列表、表格和框架

一.列表
1.无序列表:
语法:<ul>
<li></li>(列表声明项)
</ul>
类型(type的取值:<ul type="disc"></ul>):
disc:实体圆心
square:实体方心
cicrle:空心圆
2.有序列表:
语法:<ol>
<li></li>(列表声明项)
</ol>
类型:<ol type="1"></ol>
3.定义列表:
语法:<dl>
<dt></dt>(声明列表项)
<dd></dd>(定义列表内容)
</dl>
二.表格
1.语法:<table>
<tr>(行标签)
<td></td>(单元格标签)
</tr>
</table>
2.单元格对齐方式:
属性 值 说明
left 左对齐
align center 居中对齐
(水平对齐方式) right 右对齐

top 顶端对齐
valign middle 居中对齐
(垂直对齐方式) bottom 低端对齐
baselime 基线对齐

3.表格的跨列
语法:<table>
<tr>
<td colspan="所跨的列表"></td>
</tr>
</table>
4.表格的跨行
语法:<table>
<tr>
<td rowspan="所跨的列表"></td>
</tr>
</table>

三.框架
1.<frameset cols="横向分割" rows="纵向分割" >
<frame src="引用地址">
</frameset>
2.<iframe src="应用地址" name="框架标识名" frameborder="边框" scrdling="是否出现滚动条(yes/no)"
winth="框架宽度" height="框架高度"></iframe>

时间: 2024-12-28 15:30:51

列表、表格和框架的相关文章

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst

初识HTML-第二章- 列表,表格,框架

一,列表的分类 1,无序列表 通常使用项目符号作为列表项的前缀.符号有三种属性1,默认值为实体圆心  type="disc"   2,实体方心  type="square" 3,空心圆 type="circle" 语法 <ul type="需要的符号">声明这是个无序列表 并设置列表符号的样式 <li></li>作为列表语句的开始 </ul> 2,有序列表 每个列表项目前,有顺序

HTML5移动开发之路(11)——链接,图片,表格,框架

本文为 兄弟连IT教育 机构官方 HTML5培训 教程,主要介绍:HTML5移动开发之路(11)--链接,图片,表格,框架 一.HTML是什么? HTML(hypertext mark-uplanguage)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字.图像.视频.声音- HTML只能做静态网页 二.HTML发展历史 html之父-Tim Berners-Lee蒂姆·伯纳斯-李(Tim Berners-Lee)1955年6月8日出生于英国伦敦 关于详细请看:http://b

HTML表格及框架介绍

一.列表1.有序列表ol <ol type="1默认/a/A/i/I"> <li></li> </ol> 2.无序列表ul(实际应用中,比有序列表广泛) 重点掌握 <ul type="disc默认实心圆/square实心方型/circle空心圆"/> <li></li> </ul>3.定义列表--适用于图片和文字内容的混合排列中 重点掌握 <dl> <d

S1/使用HTML语言和CSS开发商业站点/02-列表、表格和框架

列表的分类: 1.无序列表 使用<ul>标签作为无序列表的声明,使用<li>标签作为每个列表项的起始.<ul>标签有一个type属性,这个属性的作用就是制定在显示列表时所采用的项目符号类型. type属性的取值 取值 说明 disc 项目符号显示为实体圆心,默认值 square 项目符号显示为实体方心 circle 项目符号显示为空心圆 2.有序列表 无序列表与有序列表的区别就在于,有序列表的各个列表项有先后顺序,所以会使用数字进行标识.有序列表使用<ol>

列表 表格与媒体元素

无序列表及其应用 语法<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>遵循W3c的标准<ul>标签里只能嵌套<li>标签,不能嵌套其他标签.<li>标签里可以嵌套任何标签. 无序列表的特征 (1)没有顺序,每一个<li>独占一行(块元素)(2)默认<li>标签项前面都有一个实心小圆点(3)一般用于无序类型的列表

列表,表格,与媒体元素

一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> </ul> 特性:1.没有顺序,每个<li>标签独占一行(块级元素) 2.默认每一个li标签前有一个实心小圆点 3.主要用于无序类型信息的展示,如导航栏等 二.有序列表 <ol> <li>无序列表</li> <li>有序列表</li>

列表表格及媒体元素

一.列表 信息资源的一种展示形式 二.列表的分类 1.有序列表  <ol>   <li>列表项1</li>   <li>列表项2</li>  </ol>    特性:   1.有顺序,每一个li独占一行            2.默认每一个li前有顺序标识  2.无序列表  <ul>   <li>列表项1</li>   <li>列表项2</li>  <ul>   

网站前端_Bootstrap.基础入门.0002.排版/列表/表格/表单/按钮/图像?

通用技能: # 文档类型 <!DOCTYPE html> <html lang="zh-cn">     <!-- Html Code --> </html> 说明: 由于BootStrap基于HTML5,所以所有的HTML文件都需要在其顶部引用HTML5的DOCTYPE属性. # 移动先行 <meta name="viewport" content="width=device-width, initi