HTML基礎標籤入門

來源:互聯網
上載者:User

標籤:縮放   列表   入門   代碼   空行   設定   簡單   style   序號   

HTML基礎標籤

  昨天學習了一些HTML的基本標籤以及基本屬性:

  HTML是一種超文字標記語言 (HTML),其中PHP是世界上最好的語言(增加學習的動力榮譽感)。

  HTML文檔裡包含三部分:

    <html>——開始標籤

    <head> ——網頁上的控制資訊

      <title>——網頁標題

      </title>

    </head>

    <body>

    網頁顯示的內容

    </body>

   </html>——結束標籤

  <!——注釋的內容——> 注釋

  body的屬性:

    background                                   網頁背景圖片

    bgcolor                                         網頁背景顏色

    text                                              文字顏色

    topmargin                                     上頁面邊界

    leftmargin                                     左頁面邊界

    rightmargin                                   右頁面邊界

    bottommargin                               下頁面邊界

  一般標籤:

    格式控制標籤:

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

      <b></b>                         字型加粗

      <i></i>                           傾斜

      <u></u>                         底線

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

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

      <center></center>          置中

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

      &nbsp;                            表示空格

    內容容器標籤:

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

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

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

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

 

      <ol type="1/a/A...">     ——有序列表,序號為雙引號裡面的格式,引號中可以更改序號形式

        <li>內容<li>

        <li>內容<li>

        <li>內容<li>

      </ol>  ——上面的"ol"變為"ul"則為無序列表

 

      相對路徑:相對於本文檔位置;

      絕對路徑:直接從哪個盤開始讀取。

  常用標籤:

    超連結標籤

      <a href="超連結的地址" target="blank/self">超連結的文字或者圖片</a>

      blank是從一個新網頁開啟;self是自身網頁開啟!

      第一步:做錨點的標籤。<a name=""></a>

      第二步:做錨點連結。<a href="#目標串連的name的值"></a>

 

    圖片標籤

      <img src="圖片地址" alt="圖片無法顯示時出現的文字" title="滑鼠指向時現實的文字" width="" height="">  ——高和寬設定一個即可,顯示圖片會按比例縮放。

  表格標籤:

    表格

      <table width="寬度" border="邊框" align="對齊" background/bgcolor="背景圖片/背景色">

        行:

        <tr align="水平對齊" valign="垂直對齊" height="行高" background/bgcolor="背景圖片/背景色">

          儲存格:

          <td align="水平對齊" valign="垂直對齊" width="儲存格寬度" height="儲存格高度" backgroung/bgcolor="背景圖片/背景色">

          </td>

        </tr>

      </table>

           align:left   center  right

    valign:top  middle   bottom

    儲存格合并:

    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.