首頁 > 其他

web編程之html篇（全）

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1.文法

標籤：<標籤名 屬性>內容</標籤名>

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

2.結構

聲明元素                     <?xml version="1.0" encoding="utf-8"?>

SGML DOCTYPE命令   <!DOCTYPE html PUBLIC "-//w3c/DTD XHTML 1.1//EN"

                                  http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd>

 

文檔結構

                  <html xmlns = http://www.w3.org/1999/xhtml>

                       <head><title> our first document </title>

                       </head>

                       <body>

                             <p>

                               Greetings from your Webmaster!

                             </p>

                       <body>

                    </html>

3.基本標籤

段落:<p> </p>

換行:<br/>

標題:<h(1-6)> </h(1-6)>

文字區塊引用:<blockquote></blockquote>

粗體:<b></b>

斜體:<i> </i>

字型大:<big></big>

字型小:<small></small>

右上方:<sub></sub>

右下角:<sup></sup>

等寬:<tt></tt>

水平線:<hr/>

 

4.字元實體

&: &amp

<: &lt

>: &gt

":  &quot

':   &apos

1/4:&frac14

。: &deg

(space): &nbsp

 

5.meta元素

 

6.圖片

 <img src="圖片路徑" alt="圖片不能正常顯示時顯示該文本"> </img>

或者 <img src="圖片路徑" alt="圖片不能正常顯示時顯示該文本"/>

 

此外還有屬性width和height用以指定圖片大小.

7.超級連結

 <a href="連結的目標路徑"> 顯示的文本</a>

連結的目標的可以是本文檔中指定的id 格式為#id,可以定位到id指定的部位.

8.列表

1) 無序列表

列表每項內容之前只有項目符號;

<ul>

     <li>第一項內容</li>

     <li>第二項內容</li>

     <li>第三項內容</li>

</ul>

2) 有序列表

列表每項內容按順序顯示序號;

<ol>

     <li>第一項內容</li>

     <li>第二項內容</li>

     <li>第三項內容</li>

</ol>

3) 定義列表

列表中每項內容按指定項目號顯示序號;

<dl>

    <dt>顯示的號</dt>

    <dd>顯示的內容</dd>

     <dt>顯示的號</dt>

    <dd>顯示的內容</dd>

</dl>

9.表格

表格標籤<table>

屬性border指定分割框的寬度;

屬性cellpadding指定表格儲存格的內容和儲存格邊框的間距;

屬性cellspacing指定鄰近儲存格的間距.

表格標題標籤<caption>

表格列標籤<tr>

表格欄標籤<th>

表格內容<td>

屬性rowspan 跨越行的範圍,colspan跨越列的範圍;

儲存格中內容的布局屬性:align取值left/right/center用於<tr><th><td>,valign取值top/bottom用於<th><td>

10.表單

表單標籤<form>

屬性:method取值:get,post

行內標籤<input>可以指定文本,密碼框,複選框,選項按鈕,和提交/重設兩種特殊按鈕.

屬性:type指定控制項的類型,取值,text,password,checkbox,radio,submit,reset;

 

 

11.架構

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More