html基础知识2（有序无序列表，表格）2017-03-08
2018-06-22 05:11:13来源：未知 阅读 ()
摘要：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.
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：for循环与foreach的区别
下一篇：php添加购物车
- PHP实现HTML页面静态化的方法 2019-12-02
- php页面缓存ob系列函数介绍 2019-11-29
- php-若干单维数组遍历的方法 2019-11-15
- PHP中数组定义的几种方法 2019-10-31
- PHP基础知识介绍 2019-10-31
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
