html與表格知識

來源:互聯網
上載者:User

標籤:劃線   有序列表   文字   span   表示   div   --   列表   預設   

<html>    --開始標籤

  <head>

    網頁上的控制資訊

     <title>頁面標題</title>

  </head>

  <body>

    頁面顯示的內容

  </body>

</html>    --結束標籤

 

  <!--注釋內容--> 注釋

body的屬性:

    bgcolor                 頁面背景色

  text                    文字顏色

  topmargin               上頁面邊界

  leftmargin              左頁面邊界

  rightmargin             右頁面邊界

  bottomargin             下頁面邊界

background              背景壁紙

________________________________________________________________________________________________________________________________

一般標籤

1 格式控制標籤

  <font color="" face="" size=""></font>          控制字型;color="##FF0000";face,字型;size,字型大小。

  <b></b>                 字型加粗

  <i></i>                 傾斜

  <u></u>                 底線

  <strong></strong>       字型加粗(強調,語氣加強用)

  <em></em>               字型傾斜(強調,語氣加強用)

  <center></center>       置中

  <br> 或<br />           相當於斷行符號

&nbsp;                 表示空格 也可以在設計頁面中按ctrl+shift+space

_________________________________________________________________________________________________________________________________

2 內容容器標籤

  <h1></h1>……<h6></h6>  標題(會自動換行)。HTML標題(Heading)是通過<h1> - <h6> 等標籤進行定義的。

  <p></p>                 段落標籤(段落之間空行)

  <div></div>             層標籤(預設佔一行)

  <span></span>           層標籤(預設用多大空間佔多大空間)

 

  <ol type="1">    --有序列表,序號為1,2,3……,引號中可以更改序號形式

    <li>內容</li>

    <li>內容</li>

  </ol>    --上面“ol”改為“ul”則為無序列表

 

“../”  表示上級目錄

“./”   表示目前的目錄

相對路徑:從當前頁面開始尋找。

________________________________________________________________________________________________________________________________

________________________________________________________________________________________________________________________________

表格

<table></table> 表格

    width:寬度。可以用像素或百分比表示。常用960像素。

    border:邊框。常用值0。

    cellpadding:內容跟儲存格邊框的邊距。常用值0。

    cellspacing:儲存格之間的間距。常用值0。

    align:對齊。

    bgcolor:背景色。

        background:背景圖片。

 

  <tr></tr> 行

    align:一行的內容的水平對齊

    valign:一行的內容的垂直對齊

    height:行高

    bgcolor:背景色

        background:背景圖片

 

  <td></td> 儲存格

  <th></th> 表頭,儲存格的內容自動置中、加粗

    align:儲存格的內容的對齊

    valign:儲存格的內容的垂直對齊

    width:儲存格寬度

    height:儲存格高度

    bgcolor:背景色

        background:背景圖片

  內容必須放在儲存格裡,儲存格必須放在行裡,行必須放在表格裡。設定儲存格行高、列高時,會同時影響對應的行或列

  儲存格合并:(建議盡量用表格嵌套)

    colspan="n"    合并同一行儲存格(後面寫代碼要減去相對應的列) 

    rowspan="n"    合并同一列儲存格(從第二行開始減去對應的列)

_______________________________________________________________________________________________________________________________

_______________________________________________________________________________________________________________________________

 

 

html與表格知識

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.