DIV+CSS网页布局基础-常用HTML标签介绍.ppt
《DIV+CSS网页布局基础-常用HTML标签介绍.ppt》由会员分享,可在线阅读,更多相关《DIV+CSS网页布局基础-常用HTML标签介绍.ppt(22页珍藏版)》请在三一文库上搜索。
1、,文档名称:PPT演示模板 Copyright (c) Gillion Page 1 of 5 Author:Hellen Version: 3.0 Date: 05.06.2006,XHTML+CSS网页布局基础-常用HTML标签介绍,常用HTML标签介绍目录,HTML简介,table 标签介绍,ul,ol,dl 标签介绍,iframe 标签介绍,div 标签介绍,HTML介绍,HTML,div,p, a, span, h1, h2, h3, h4 ,form table ul ol dl ,CSS,服 务,常用HTML标签介绍目录,HTML简介,table 标签介绍,ul,ol,dl 标签
2、介绍,iframe 标签介绍,div 标签介绍,table 标签介绍,table 的适用范围 展示表格式的数据 (例.net里的grid控件) 作为表单的容器来放置控件 作为通过html文本编辑器所产生的信息的容器,table 标签介绍,2. Table 标签所包含的子标签 thead 定义表格的表头 tbody 定义表格的主体 tfoot 定义表格的页脚 tr 定义表格中的一行 th 定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体 td 定义表格中的一个单元格,,table 标签介绍,3. table 的默认属性,,示范代码: Gillion 吉联新软件 ,table 的
3、宽度会根据所有单元格的宽度自动调节 td会根据自己所包含的内容自动分配宽度 默认带有2PX的单元格间距,示范代码生成的表格效果图,table 标签介绍,4. grid 布局,,要点: thead,tbody,tfoot的特点 thead,tbody,ftoot在代码书写的时候顺序可打乱,在页面显示时会自动按 theadtbody ftoot的顺序显示 th的属性 th标签自带有字体加粗,居中显示效果。 th white-space:nowrap;(强制不换行) 列宽的设置 每个列的宽度只需在表头的th标签设置,无需在每个td都做宽度设置。,table 标签介绍,,带滚动条的grid 带有滚动条
4、的grid只需在外围套一个div,该div必须根据需要设置宽度跟高度,同时所包含的表格table标签必须设置宽度(否则table会默认为宽度自适应,造成table宽度受挤压) 网格线的处理 1. 此种方法等价于table border:1px; tdborder:1px,即同时设置了table和td的边框 2.边框1像素的处理方法 table border:1px solid #666666; border-collapse:collapse; 设置表格的行和单元格的边合并在一起;此方法会同时去除table默认的单元格间距,常用HTML标签介绍目录,HTML简介,table 标签介绍,ul,o
5、l,dl 标签介绍,iframe 标签介绍,div 标签介绍,ul,ol,dl 标签介绍,列表标签简介 ul:无序列表;子标签为,即列表的项目。 ol:有序列表;子标签为 ,即列表的项目。 dl:定义列表,子标签有,其为定义的项目,为定义的描述。 适用于所有列表类数据的显示,如新闻列表,菜单等。, 列表项目 列表项目 , 列表项目 列表项目 , 列表项目 项目描述 项目描述 ,ul标签代码使用示范:,ol标签代码使用示范:,dl标签代码使用示范:,ul,ol,dl 标签介绍,,2.ul , ol 在不同浏览器下的区别 ul ,ol的特点基本一样,区别只在于一个是有序的,一个是无序的,但是通过C
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DIV CSS 网页 布局 基础 常用 HTML 标签 介绍
链接地址:https://www.31doc.com/p-3650389.html