摘要：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的更多相关文章

  1. 【2017-03-20】HTML基础知识，标记，表格，表格嵌套及布局，超链接

    一.HTML  网站(站点),网页基础知识 HTML是一门编程语言的名字:超文本标记语言 可以理解为:超越了文本的范畴,可以有图片.视频.音频.动画特效等其他内容,用标记的方法进行编程的计算机语言 基 ...

  2. python基础知识回顾之列表

    在python 中,主要的常用数据类型有列表,元组,字典,集合,字符串.对于这些基础知识,应该要能够足够熟练掌握. 如何创建列表: # 创建一个空列表:定义一个变量,然后在等号右边放一个中括号,就创建 ...

  3. 1.10 Python基础知识 - 序列：列表

    在Python中有很多的组合数据类型,其中包括列表,元组,字符串等数据类型,这些数据类型统称为序列类型,用他们可以处理复杂的数据. 列表,是一组有序元素组合的数据结构.列表是可变的数据类型. 列表采用 ...

  4. python基础知识-集合，列表，元组间的相互装换

    在python中列表,元祖,集合间可以进行相互转化, def main(): set1={'hello','good','banana','zoo','Python','hello'} print(l ...

  5. python入门基础知识三（列表和元组）

    列表(list)的操作 1. 形式 var = ['char1','char2','char3',...] var = [value1,value2,value3,...] 2. 列表的增删改查 查: ...

  6. Java基础知识强化之网络编程笔记03：UDP之UDP协议发送数据 和 接收数据

    1. UDP协议发送数据 和 接收数据 UDP协议发送数据: • 创建发送端的Socket对象 • 创建数据,并把数据打包 • 调用Socket对象的发送方法,发送数据包 • 释放资源  UDP协议接 ...

  7. Java基础知识强化之集合框架笔记03：Collection集合的功能概述

    1. Collection功能概述:Collection是集合的顶层接口,它子体系有重复的,有唯一性,有有序的,无序的. (1)添加功能 boolean add(Object obj):添加一个元素 ...

  8. Java基础知识强化之IO流笔记03：throws的方式处理异常

    1. 什么时候使用throws ? (1)定义功能方法时候,需要把出现的问题暴露出来,让调用者去处理.那么就通过throws在方法上标识. (2)有时候,我们是可以对异常进行处理的,但是又有些时候,我 ...

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

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

随机推荐

  1. 将SWF文件用作资源打包

    使用Flash开发网页游戏少不了与各种美术资源打交道.对于静态资源的那就是各种图片,对于会动的资源可以考虑直接做成swf.制作成swf的美术资源又可以分为两种:一种是直接将关键帧罗列在主时间轴上,那么 ...

  2. loadrunner：从数据库中取值进行参数化

    下面我们介绍用数据库中的用户名来参数化登陆用户名. 框选住登陆名,点鼠标右键,弹出对话框,选择"替换为新参数"弹出对话框,此时参数名输入:name,参数类型选择File,如图 点& ...

  3. JS加载相对路径脚本的方法 - 汇总

    js加载脚本的方式有很多,但是各有各的用途. 最近公司https项目改造,对于资源文件这一块,也是遇到一些问题,现在就来总结一下,怎样改造https的脚本吧~! 方法1.借助服务端语言如PHP,输入当 ...

  4. IOS获取经度纬度

    仔细研究了一下SDK文档,再结合网上的方法,写了这一个简单的获取经纬度的方法,大家看看就好. 首先要导入CoreLocation.Frame 包 .h 文件 1 2 3 4 5 6 7 8 9 #im ...

  5. 《JAVASCRIPT高级程序设计》事件委托和模拟事件

    由于事件处理程序可以为现代web应用提供交互能力,因此许多开发人员不分青红皂白向页面中添加大量的处理程序:这在某些语言中不会导致问题,但是在javascript,事件处理程序数量直接关系到页面的整体运 ...

  6. 《JAVASCRIPT高级程序设计》选择框脚本和富文本编辑

    一.选择框脚本 选择框也是表单的一个字段,是通过<select>和<option>元素来创建的,需要使用javascript来控制.选择框拥有以下的属性和方法: 以下介绍一些选 ...

  7. 性能优化之数据存储&DOM编程

    多读书多看报 数据存储 ·在javascript中,数据存储的位置会对代码整体性能产生重大的影响. ·数据存储共有4种方式:字面量.变量.数组.对象成员.   ·要理解变量的访问速度,就要理解作用域. ...

  8. POJ 1308 Is It A Tree?--题解报告

    Is It A Tree? Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 31092   Accepted: 10549 D ...

  9. Linux驱动技术(一) _内存申请

    先上基础,下图是Linux的内存映射模型,其中体现了Linux内存映射的几个特点: 每一个进程都有自己的进程空间,进程空间的0-3G是用户空间,3G-4G是内核空间 每个进程的用户空间不在同一个物理内 ...

  10. Struts2系列笔记(2)---Struts.XML

    Struts2.xml 本篇博客主要讲Struts2.xml中package下的标签和标签属性,主要分以下四个部分说明: (1)action的配置基本属性 (2)同一个Action类中不同方法满足不同 ...