1. 云栖社区>
  2. PHP教程>
  3. 正文

html基础知识2(有序无序列表,表格)2017-03-08

作者:用户 来源:互联网 时间:2017-12-01 14:52:22

html表格基础知识列表2017有序08无序

html基础知识2(有序无序列表,表格)2017-03-08 - 摘要: 本文讲的是html基础知识2(有序无序列表,表格)2017-03-08, 摘要:php 基础知识2   重点:有序无序列表;<a>标签;<table>标签  内容容器 1、段落标签   <p></p>   注: 执行前后换行,并空一行。 2、有序列表ol (ord

摘要: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

Bgcolor

Background

(3)<th></th>表头,默认单元格内容自动居中,加粗

(4)<tfoot></tfoot> 不管代码放在,显示效果哪都会在最后一行。

     <thead></thead> 不管代码在哪,都会显示在最上面,th加哪都行,只是显示效果加粗

2、内容不顶格的原因

<body>标签的margin属性有默认值,可通过align和cellpaddiing, cellspacing进行设置。

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 , 表格 , 基础知识 , 列表 , 2017 , 有序 , 08 , 无序 ,以便于您获取更多的相关知识。