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