天天看點

黑馬程式員----HTML

----------------------  ASP.Net+Android+IO開發S 、  .Net教育訓練、期待與您交流! ----------------------

                 HTML和WWW(網際網路)一起誕生,它是衆多标記語言的一種。雖然HTML的标準在不斷的發展完善,每個版本都會提供一些新的功能,讓設計者更加友善、靈活的設計網頁,但是它的基本格式沒變.

(一),HTML的基本格式

                  HTML文檔的内容一般都位于<html>和</html>之間,分為首部(head)和主題(body)兩個部分。文檔的指令一般采用“<标記>和</标記>”的形式出現。有些标記可以單個出現,标記符号不區分大小寫。

                  文法:

<html>
    <head>
       <title> 文檔标題</title>
    </head>
    <body>
        文檔的主體部分
    </body>
</html>
           

                  在”<”和”>”包含的标記中,通過設定屬性,能使頁面産生不同的效果。<标記>中可以包含一個屬性,也可以包含多個屬性。若有多個屬性,則各屬性之間必須用空格隔開。屬性名和屬性值之間用等号隔開,等号左邊是屬性名稱,右邊是屬性值。

                  文法:

                      <标記 屬性1 = “值1”   屬性2 = “值2”>

                  在HTML中,等号右邊的屬性值可以帶雙引号,也可以省略雙引号。

                  例如:<body bgcolor ="red" text = "black" link = "blue">

                       也可以這樣寫:<body bgcolor=red text=black link = blue>

                  注意:推薦還是帶上雙引号。

                  例如:

<html >
<head>
    <title>詩詞</title>
</head>
<body>
<center>
     <h1>鋤禾</h1>
     <hr />
    <h3>鋤禾日當午,</h3>
    <h3>汗滴禾下土.</h3> 
    <h3> 誰知盤中餐,</h3>
     <h3>粒粒皆辛苦.</h3><br />
     <a href ="www.baidu.com">更多詩詞</a>
</center>
</body>
</html>
           

(二),HTML标記

                 常用的HTML标記及其功能:

                                         <head>.......</head>:首部标記符,不包含網頁的内容,僅提供一些和網頁相關的資訊。

                                         <title>.......</title>:設定網頁的标題,一把在浏覽器的頂部标題欄中顯示。

                                         <body>.......</body>:主體标記符,包含網頁内的所有内容:文字,圖檔及超連結等。

                                         <hi>.......</hi>:标題标記符,i=1~6,定義了從1到6的标題。

                                          <hr>:換行并繪制一條水準直線,直線的上下兩端都會留出一定的空白。

                                          <div>.......</div>:定義了一個塊,塊内可以有文本,圖像等,目的是為了控制該塊的樣式。

                                          <font>.......</font>:控制字元的樣式,size是它的一個常用的屬性,用來控制字元的大小。

                                          <br>:強行中斷目前行,多個<br>标記可以建立多個空行,新行與原行屬性相同。

                                         <img>:插入圖檔,常用alt屬性設定圖檔的簡單文字說明,用src屬性指明圖檔所在位置。

                                         <p>.......</p>:在頁面中分段,遇到</p>另起一個新的段落,兩個段落的性質可相同也可不同。

                                         <a>.......</a>:超連結,用href屬性可建立多種形式的超連結。

                                         <ul>.......</ul>:定義一個無序清單,清單項的條目用标記符li建立,ul中可包含一個或多個li标記。

                                         <ol>.......</ol>:定義一個有序清單,清單項的條目用li建立。ol中可以包含一個或多個li标記。

                                        <table>........</table>:定義一個表格,用<tr>.......</tr>來表示行,用<td>.......</td>來表示單元格(列)。

                                        <center>.......</center>:居中顯示。

                                        <b>.......</b>:表示粗體。

----------------------  ASP.Net+Android+IO開發S 、  .Net教育訓練、期待與您交流! ----------------------