html基础知识2(有序无序列表,表格)2017-03-08
摘要:php 基础知识2 重点:有序无序列表;<a>标签;<table>标签
内容容器
1、段落标签
<p></p>
注: 执行前后换行,并空一行。
2、有序列表ol (ordered list) 与无序列表ul (unordered list)
格式:
<ol type="1">
<li>today</li>
<li>is</li>
<li>ok</li>
</ol>
注: 二者均默认自动换行;与后面的内容自动空一行;其中有序列表默认自动带序号,无需列表默认自动不带序号。
3、<a>标签的用法
(1)外部链接
eg: <a href="http://www.baidu.com.cn"></a>
(2) 锚点链接
链接到顶点:
<a href="#"> link to the top</a>
链接到某一个地方:
<a name="aaa">哈哈哈</a>
<a href="#aaa"> link to哈哈哈</a>
注:name不能用数字开头。
(3)用于下载
4、插入图片
格式:<img src="路径" width="100px" title="picture">
注:(1)用嵌套创建图片链接
<a href="http://www.baidu.com.cn">
<img src="路径"/>
</a>
效果:点击该图片跳到百度页面
(2) 图片将按比例进行变化,width ,height改一个即可;注意像素单位是px
(3)title属性:移动到图片会显示picture
(4)路径:
绝对路径: file:///F|/2017-03-07boke.doc
相对路径: ./ 表示当前目录 eg: ./4.png (点斜杠可以省略)
../ 表示上级目录 eg: ../picture/4.png
注:/ 代表网站的根
5、表格(table)
格式:
<table border=”1” width=”30%”>
<tr>
<th valign="bottom" align="right">表头(右下)1</th>
<th>表头2</th>
</tr>
<tr>
<td width=”30%”>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
注:
1、属性:
(1)<table></table>属性:
Width: 用像素或百分比表示。常用960px. (百分比是相对与上一级的,第一个30%是相对于body的,第二个30%是相当于tr的)
Border: 边框。常用0
Cellpadding: 内容与单元格边框的边距。
Cellspacing: 单元格之间的边距。
Align: 对齐方式。
Bgcolor;
Background
(2)<tr></tr>行 <td></td>列属性
Align: 一行内容的水平对齐方式。
Valign: 垂直对齐方式。
Height
width
Bgcolor
Background
(3)<th></th>表头,默认单元格内容自动居中,加粗
(4)<tfoot></tfoot> 不管代码放在哪,显示效果哪都会在最后一行。
<thead></thead> 不管代码在哪,都会显示在最上面,th加哪都行,只是显示效果加粗
2、内容不顶格的原因
<body>标签的margin属性有默认值,可通过align和cellpaddiing进行设置。
3、合并单元格与嵌套单元格 例题见0308 table
合并行: Colspan=”n”
合并列: Rowspan=”n”
Reflections:
Be careful and summary in time.
Thanks for the red rose, thanks for the cake, and thanks for the day is a sunny day.
html基础知识2(有序无序列表,表格)2017-03-08的更多相关文章
- 【2017-03-20】HTML基础知识,标记,表格,表格嵌套及布局,超链接
一.HTML 网站(站点),网页基础知识 HTML是一门编程语言的名字:超文本标记语言 可以理解为:超越了文本的范畴,可以有图片.视频.音频.动画特效等其他内容,用标记的方法进行编程的计算机语言 基 ...
- python基础知识回顾之列表
在python 中,主要的常用数据类型有列表,元组,字典,集合,字符串.对于这些基础知识,应该要能够足够熟练掌握. 如何创建列表: # 创建一个空列表:定义一个变量,然后在等号右边放一个中括号,就创建 ...
- 1.10 Python基础知识 - 序列:列表
在Python中有很多的组合数据类型,其中包括列表,元组,字符串等数据类型,这些数据类型统称为序列类型,用他们可以处理复杂的数据. 列表,是一组有序元素组合的数据结构.列表是可变的数据类型. 列表采用 ...
- python基础知识-集合,列表,元组间的相互装换
在python中列表,元祖,集合间可以进行相互转化, def main(): set1={'hello','good','banana','zoo','Python','hello'} print(l ...
- python入门基础知识三(列表和元组)
列表(list)的操作 1. 形式 var = ['char1','char2','char3',...] var = [value1,value2,value3,...] 2. 列表的增删改查 查: ...
- Java基础知识强化之网络编程笔记03:UDP之UDP协议发送数据 和 接收数据
1. UDP协议发送数据 和 接收数据 UDP协议发送数据: • 创建发送端的Socket对象 • 创建数据,并把数据打包 • 调用Socket对象的发送方法,发送数据包 • 释放资源 UDP协议接 ...
- Java基础知识强化之集合框架笔记03:Collection集合的功能概述
1. Collection功能概述:Collection是集合的顶层接口,它子体系有重复的,有唯一性,有有序的,无序的. (1)添加功能 boolean add(Object obj):添加一个元素 ...
- Java基础知识强化之IO流笔记03:throws的方式处理异常
1. 什么时候使用throws ? (1)定义功能方法时候,需要把出现的问题暴露出来,让调用者去处理.那么就通过throws在方法上标识. (2)有时候,我们是可以对异常进行处理的,但是又有些时候,我 ...
- Bootstrap框架(基础篇)之列表,表格,表单
继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...
随机推荐
- #DP# ----- OpenJudge数字组合
OpenJudge 2985:数字组合 总时间限制:1000ms 内存限制: 65536kB 描述 有n个正整数,找出其中和为t(t也是正整数)的可能的组合方式.如:n=5,5个数分别为1,2,3, ...
- Java 原型模式
http://www.cnblogs.com/itTeacher/archive/2012/12/02/2797857.html http://www.cnblogs.com/java-my-life ...
- WebRTC VoiceEngine使用简单Demo
Google收购的GIPS公司的音频处理技术是很牛的,现在开源了,这么好的技术应该拿来用的,这里就简单的介绍一下怎样使用VoiceEngine,欢迎大家拍砖指导. WebRTC相关的VideoEngi ...
- Spring生命周期各种接口使用
1,BeanPostProcessor接口:不能在POJO上面使用,需要单独找一个类进行使用:如果在POJO上面实现了此接口,在实现了其他*Aware接口之后,这个接口方法将不会被调用:2, POJO ...
- SQL 2005 安装数据库镜像教程
最近在搞在SQL 2005安装数据库镜像,中间遇到不少的错误,在此归纳总结,以方便有需要的朋友参考. 直接上脚本,主机部分: ---修改数据库为完整恢复模式USE master;ALTER DATAB ...
- java算法 蓝桥杯 格子位置
问题描述 输入三个自然数N,i,j (1<=i<=N,1<=j<=N),输出在一个N*N格的棋盘中,与格子(i,j)同行.同列.同一对角线的所有格子的位置. 输入格式 输入共三 ...
- eclipse自定义new建
Window->Perspective->Customize Perspective->Shortcuts 找到适合的选中然后OK即可
- Redis系列一(Redis环境的搭建)
最近工作中需要Redis缓存,由于也是第一次弄,在网上找了很多资料,在此记录一下. 安装Redis 我使用的系统是CentOS 6.6,安装步骤如下: 1.下载源码,解压后编译源码.(如果没有 wge ...
- node之路由介绍
路由介绍 ----路由是指向客户端提供它所发出的请求内容的机制:----对基于 Web 的客户端 / 服务器端程序而言,客户端在 URL 中指明它想要的内容,具体来说就是路径和查询字符串 下面我看看一 ...
- sql增删查改
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8" ...