本章内容
一、列表
1、有序列表ol
<ol>
<li></li>
</ol>
type的值有3个
默认为1(阿拉伯数字),
还有A/a(大小写字母),I/i(罗马数字)

2、**无序列表ul(实际应用中,比有序列表广泛)
<ul type="值">
<li></li>
</ul>
type的值有3个
默认为disc(实心圆),
还有circle(空心圆)、square(实心方形)

3、**定义列表——适用于图片和文字内容的混合排列中
<dl>
<!--列表项标题-->
<dt></dt>
<!--列表项下面的内容-->
多个<dd></dd>
</dl>

4、P37页,列表常用场合及列表使用中的注意事项

二、**表格table
1、基本语法:创建表格的3个步骤P41页
<table>
<tr>
<td></td>
</tr>
</table>

说明:
table声明表格
tr行的标记
td单元格的标记:数据填充在该标记中

2、表格的常用属性
2.1 对齐方式:
水平对齐(align)、垂直对齐(valign)
valign\align:都可以应用在tr和td上
align还可以应用在table标记中

2.2 边框——border
2.3 表格的宽和高
宽:width
高:height

3、表格跨行、跨列【难点】
跨列:colspan
跨行:rowspan

三、框架
1、框架集合——P51页
框架集合:<frameset cols="" rows="">
单个框架:<frame src=""/>

注意:【frameset和body不能共存】

常用的属性 :表2-5

2、**iframe内嵌框架
<iframe src="页面或网址" width="宽"
height="高"/>

iframe可以嵌套在页面的任何位置

3、**target属性——参见表2-6
_blank
_self
_top
_parent
框架名

HTML框架、列表、表格的更多相关文章

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

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

  2. HTML的框架,表格

    #2 HTML的框架,表格   [以下是个人笔记,由于水平有限,因此有错误的地方,希望M我.谢谢] 表格|表单|框架---------------表格:布局     ----现在很少用到好处: 适合做 ...

  3. element框架中表格的筛选功能使用说明(转载)

    一.element框架中表格的筛选功能使用说明 转载:https://blog.csdn.net/liangxhblog/article/details/80513030 在element ui 框架 ...

  4. Atitit 列表表格按照字段排序数据解决方案

    Atitit 列表表格按照字段排序数据解决方案 1.1. 排序ui1 1.1.1. C:\Users\Administrator\Desktop\00oa\com.attilax\ui\orderAr ...

  5. CSS 笔记——列表表格

    6. 列表表格 -> 列表 (1)list-style 基本语法 list-style : list-style-image || list-style-position || list-sty ...

  6. 第48天学习打卡(HTML 行内元素和块元素 列表 表格 视频和音频 页面结构分析 iframe内联框架 表单语法 )

    行内元素和块元素 块元素 ​ 无论内容多少,该元素独占一行 ​ (p.h1-h6) 行内元素 ​ 内容撑开宽度,左右都是行内元素的可以排在一行 ​ (a.strong.em...) 列表 什么是列表 ...

  7. HTML列表,表格与媒体元素

    一.无序列表 <ul> <li>无序列表</li> <li>有序列表</li> <li>自定义列表</li> < ...

  8. bootstrap 列表 表格 表单 复选 单选 多选 输入框组

    一.列表 ul li 二.表格 table  (http://www.runoob.com/bootstrap/bootstrap-tables.html) 1. 基本表格 <table cla ...

  9. .Net开源框架列表

    API 框架 NancyFx:轻量.用于构建 HTTP 基础服务的非正式(low-ceremony)框架,基于.Net 及 Mono 平台.官网 ASP.NET WebAPI:快捷创建 HTTP 服务 ...

  10. 框架,表格,表单元素,css基础以及基本标签的结合

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

随机推荐

  1. 11 vim文本编辑器

    和sed相比,sed为字处理器(行编辑器),将文本逐行放入到模式空间(也就是内存)中进行处理,并显示在屏幕上.而vim.vi以及nano都是全屏文本编辑器,而vim则是vi的加强版本,相对于vi,vi ...

  2. CS229 5.用正则化(Regularization)来解决过拟合

    1 过拟合 过拟合就是训练模型的过程中,模型过度拟合训练数据,而不能很好的泛化到测试数据集上.出现over-fitting的原因是多方面的: 1) 训练数据过少,数据量与数据噪声是成反比的,少量数据导 ...

  3. web分页打印

    添加css: page-break-before:always 实现分页 window.print()//实现打印

  4. Error: Can't find Python executable "G:\Python27"

    错误如题,node-gyp官网介绍不够详细,应设置python.exe的具体绝对路径,如下所示: npm config set python G:\Python27\python.exe

  5. mongodb $用法,等

    1.$修改器 : $set 简单粗暴 {name:value} dict["name"]=value   $unset 简单粗暴的删除字段 {$unset:{name:1}} de ...

  6. HDU1847 Good Luck in CET-4 Everybody 博弈 SG函数

    题意:给定n张牌,两个人轮流摸牌,每次摸牌张数为2的幂次,问先手胜还是后手胜  n≤1000 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1847 # ...

  7. (转)CSS书写规范、顺序

    原文地址 写了这么久的Css,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及 ...

  8. 占cpu 100%的脚本

    #! /bin/sh # filename killcpu.sh if [ $# -ne 1 ] ; then echo "USAGE: $0 <CPUs>|stop" ...

  9. mybatis foreach 循环 list(map)

    直接上代码: 整体需求就是: 1.分页对象里面有map map里面又有数组对象 2.分页对象里面有list list里面有map map里面有数组对象. public class Page { pri ...

  10. 通俗理解cookies,sessionStorage,localStorage的区别

    sessionStorage .localStorage 和 cookie 之间的区别共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即co ...