码迷,mamicode.com
首页 > Web开发 > 详细

HTML表格及框架介绍

时间:2017-06-17 23:59:49      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:有序   基本语法   难点   html表格   列表   body   2.3   创建   nbsp   

一、列表
1、有序列表ol
   <ol type="1默认/a/A/i/I">
    <li></li>
   </ol>

2、无序列表ul(实际应用中,比有序列表广泛) 重点掌握
  <ul type="disc默认实心圆/square实心方型/circle空心圆"/>
    <li></li>
  </ul>
3、定义列表——适用于图片和文字内容的混合排列中 重点掌握
  <dl>
    <dt></dt>标题
    <dd></dd>内容 (多个)
  </dl>

二、表格table 重点掌握
1、基本语法:创建表格的3个步骤P41页
  <table aligh="">(默认左对齐)
   <tr>
    <td></td>
  
         </tr>
  </table> PS: table声明表格 
 tr行的标记
 td 单元格标记:数据填充在该标记当中
2、表格的常用属性
2.1对齐方式
  水平对齐aligh,(还可以应用在table上)
  垂直对齐valigh:一般用于单元格td 都可以应用在tr td 上 
2.2边框——border
2.3表格的宽和高
  宽:width
  高:height
3、表格跨行rowspan、跨列colspan【难点】 重点掌握
三、框架iframe 
  <frameset>框架 比较少了 
  <iframe>内嵌框架
1、框架集合frameset
  框架集合:<frameset cols="列" rows="行">
  单个框架:<frame src=""/>
  PS:【frameset 不能与body共存】

2、内嵌框架iframe
  <iframe src="页面或者一个网址"width="宽" height="高"/> 
  可以嵌在页面任何位置 可以与body共用
3、target属性
  -blank
  -self
  -parent
  -top 框架名

HTML表格及框架介绍

标签:有序   基本语法   难点   html表格   列表   body   2.3   创建   nbsp   

原文地址:http://www.cnblogs.com/wenwei111/p/7041805.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!