zoukankan      html  css  js  c++  java
  • 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.

  • 相关阅读:
    CF1461F
    P7114
    CF576D
    CF1208F
    【2021-05-25】碎片化自有碎片化的办法
    【2021-05-23】人生十三信条
    【2021-05-22】人生十三信条
    【2021-05-21】人做成一件事,第一步往往是戒
    【2021-05-20】确认一个人,也就三秒钟的事情
    【2021-05-19】人生十三信条
  • 原文地址:https://www.cnblogs.com/chenguanai/p/6520201.html
Copyright © 2011-2022 走看看