學過很多語言，最近終於決定要學PHP了。
學習PHP，首先總要學習HTML，那麼，我也從HTML開始吧！
首先學習任何程式設計語言，看再多書，都離不開它——協助文檔
HTML協助文檔：http://pan.baidu.com/s/1hqxOymo
不說不知道，近年來比較火的HTML5，是HTML的一個發展方向，HTML的發展方向如，一邊是多元化的HTML5，另一邊是正常化的XML，過程中還衍生了XHTML！
做網頁，總避免不了要使用顏色，顏色有兩種標記法，單詞標記法和十六進位標記法，其中，十六進位標記法表示的顏色比較全，我也整理了一篇博文，以供查看。
RGB顏色表：http://blog.csdn.net/u010849590/article/details/43339473
程式設計語言總有一些特殊符號不能直接作為文本顯示，HTML也不例外，這些特殊符號在HTML中稱為實體，博主也整理了一篇HTML實體對照表，供不時之需。
實體對照表：http://blog.csdn.net/u010849590/article/details/43380181
網頁代碼是由瀏覽器直接解析的，編寫網頁必須選擇一種編碼，常用的編碼有UTF-8、GBK、GD2312等，而瀏覽器也可以選擇一種編碼去解析網頁。那麼，問題來了，如果瀏覽器選擇的編碼和編寫網頁的編碼不一致怎麼辦？解決的辦法有是三個：
很明顯，一種編碼不能適合所有人，而讓使用者修改瀏覽器編碼也不夠智能，所以，前兩種都是治標不治本，第三種方法才是王道。
是單標籤，其用法是
以UTF-8為例：
標籤的其他用法，可查看協助文檔。
標籤可設定超連結，如將相對路徑裝換為絕對路徑、開啟檔案等。是單標籤，其具體用法可參考說明文檔。
的屬性設定會預設為整個網頁的預設設定，可設定字型顏色（text）、背景顏色（bgcolor）、背景圖片（background）、背景屬性（bgproperties）等，還是查看協助文檔！
是段落標籤，這個標籤比較特殊，既可用作單標籤也可用作雙標籤。用作雙標籤時，標籤之間的內容作為一段顯示；作為單標籤時，從標籤處開始換行。雙標籤的用法比較標準，也比較普遍。
標籤是雙標籤，標籤內的文本會按照原格式輸出，與不同，<pre class="brush:php;toolbar:false">標籤內的標籤是可以被解析的，而<xmp>內的標籤是不能解析，以文本形式輸出的！</span></p><p> </p><p><span class="Apple-style-span"><li>標籤搭配<ol>和<ul>使用，<li><span class="Apple-style-span">為列表（list）標籤，是雙標籤，標籤間的內容作為列表中的一項顯示，預設無序；<ol>標籤搭配<li>標籤，使列表變為有序列表；<ul>標籤搭配<li>使用，作為無序列表組。這些標籤的屬性可查看協助文檔。</span></span></p><p> </p><p><span class="Apple-style-span">和，下標標籤和上標標籤，均為雙標籤。</span></p><p> </p><p><span class="Apple-style-span">叫做映像標籤，用於顯示圖片，為單標籤，src屬性設定圖片連結，title屬性設定滑鼠放在上面時顯示的名稱，alt屬性設定圖片載入失敗顯示的名稱。其他屬性可查協助文檔。</span></p><p> </p><p><span class="Apple-style-span">是連結標籤，用於超連結，為雙標籤。href屬性設定連結地址，title屬性設定標籤放在上面時顯示的名稱，target屬性設定開啟連結的方式，其他屬性，可查看協助文檔<span class="Apple-style-span">。</span></span></p><p><span class="Apple-style-span">標籤設定錨點，用於連結到特定地區，用name屬性。<span class="Apple-style-span">name設定一個名稱，<span class="Apple-style-span">href屬性設定為"#<span class="Apple-style-span">"+<span class="Apple-style-span">name的名稱，即可連結到本頁name所在處；若href設定為網頁路徑+"#"+name的名稱，則可連結到該網頁的name所在處；herf屬性設定為"#"或為空白時，跳轉到本頁頭。</span></span></span></span></span></p><p><span class="Apple-style-span"><span class="Apple-style-span"><span class="Apple-style-span">當前頁跳轉</span></span></p><p></p><p><span class="Apple-style-span"><span class="Apple-style-span">跳轉到其他頁面</span></span></p><p> </p><p><span class="Apple-style-span"><span class="Apple-style-span">URL：統一資源定位器</span></span></p><p><span class="Apple-style-span"><span class="Apple-style-span">URL組成：以http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update=1為例</span></span></p><ul><li>協議名稱：http://、ftp://、https://、file://等（http://）</li><li>主機名稱：（i.cnblogs.com）（cnblogs.com是網域名稱）</li><li>連接埠號碼：80、8080、等（範圍：0~65535）（80）</li><li>資源名稱：訪問的檔案（EditPosts.aspx）</li><li>參數："?"後面的索引值對，多個參數用"&"串連（get傳參，參數可見；post傳參，參數不可見）（postid=4275104&update=1）</li></ul><p> </p><p><span>URL的相對路徑：</span></p><ul><li><span>./：代表本地路徑</span></li><li><span>../：代表上級路徑</span></li><li><span>../../：代表上上級路徑（以此類推）</span></li></ul><p> </p><p><span><table>標籤用於構建表格，為雙標籤。width屬性設定表格的寬度，heigth屬性設定表格的高度，border屬性設定表格的邊框，cellspacing屬性設定儲存格之間的寬度，cellpadding屬性設定儲存格內容與邊框之間的距離。</span></p><p><span><tr>標籤嵌套<table>標籤使用，用於設計表格的行，為雙標籤。</span></p><p><span><td>標籤嵌套<tr>標籤使用，用於表示表格的儲存格，為雙標籤。rowspan屬性設定跨行，屬性值表示跨越的行數；colspan屬性設定跨列，屬性值表示跨越的列數。</span></p><p><span><th>標籤嵌套<tr>標籤使用，用於表示表格的表頭，儲存格的內容字型加粗、置中。</span></p><p><span>更多屬性可查協助文檔。</span></p><p> </p><p> </p><p>HTML的架構（frame），也稱為分幀，即將多個頁面組合成一個頁面顯示。</p><ul><li>優點：<ul><li>重載頁面時，不需要重載整個頁面，增加了網頁下載的速度</li><li>方便製作導覽列</li></ul></li><li>缺點：<ul><li>多個頁面，不易管理</li><li>代碼複雜，無法被搜尋引擎索引到</li><li>多架構的頁面會增加伺服器的http請求</li><li>小型的行動裝置無法完全顯示</li></ul></li><li>由於以上缺點，不符合標準網頁設計理念，已被拋棄，但後台可以使用，所以，還是要學習。</li></ul><p>架構的標籤：</p><ul><li><frameset>標籤，雙標籤<ul><li><frameset>標籤代替了<body>標籤，定義架構頁面，所以使用<frameset>標籤就不用<body>標籤</li><li>border屬性設定架構邊框的大小</li><li>rows屬性設定架構的行數及高度，需要多少行就編寫多少行的大小，“*”表示剩餘空間，用“,”隔開</li><li>cols屬性設定架構的列數及寬度，需要多少列就編寫多少列的大小，“*”表示剩餘空間，用“,”隔開</li><li><frameset>可嵌套使用，使架構格式多元化</li></ul></li><li><frame>標籤，雙標籤<ul><li>用於顯示每個頁面的內容，嵌套在<frameset>中使用；</li><li>src屬性設定頁面的路徑，以顯示其內容</li><li>name屬性可設定frame的名稱，供連結顯示</li><li>標籤的target屬性可指定顯示頁面的frame</li><li>標籤的target屬性設定為“_parent”時，表示它的上一級架構顯示，設定為“_top”時，表示頂級架構顯示，及整個網頁</li></ul></li></ul> <br /><span>布局顯示</span> <span></span><span>超連結</span><ul><li><span><noframes>標籤，雙標籤</span><ul><li><span>當瀏覽器無法載入架構的時候，會顯示<noframes>標籤內的內容</span></li><li><span>嵌套在<frameset>標籤中使用，搭配<body>標籤使用</span></li></ul></li><li><span></p><p>關於架構的其他屬性和用法，可查看協助文檔！</p><p> </p><p>表單：可以把輸入的資料傳送到伺服器端的程式的html元素</p><ul><li><form>標籤，雙標籤<ul><li>表示HTML表單</li><li>action屬性設定資料傳送的目的地</li><li>method屬性設定傳輸方式，可設定為get和post<ul><li>get傳輸的資訊較少，速度較快，提交資訊會顯示在地址欄，不安全</li><li>post傳輸的資訊較多，速度較慢，提交資訊不會顯示在地址欄，較安全</li></ul></li><li>enctype屬性設定資料發送到伺服器的編碼類別型<ul><li>application/x-www-form-urlencoded：表單資料被編碼為成對的名稱和數值，為標準編碼格式，預設值</li><li>multipart/form-data：表單資料被編碼為一條資訊，頁面上的每個控制項對應資訊中的一部分，上傳檔案時使用</li></ul></li></ul></li></ul><p></p><ul><li><input>標籤，單標籤<ul><li>type，代表一個輸入欄位的顯示方式（分為輸入型、選擇型、點擊型）<ul><li>text，單行文本輸入欄位，輸入型</li><li>password，密碼輸入欄位，輸入的字元顯示為"*"，輸入型</li><li>file，檔案上傳，輸入型</li><li>checkbox，複選框，選擇型</li><li>radio，單選框，選擇型</li><li>hidden，隱藏欄位，一般用於傳遞預設值， </li><li>button，按鈕，點擊不會提交表單，可進行其他動作，點擊型</li><li>image，圖片按鈕，點擊會提交表單，點擊型</li><li>submit，提交按鈕，點擊可提交表單，點擊型</li><li>reset，重設按鈕，點擊型</li></ul></li><li>name，表單項的名稱<ul><li>通常設定為與資料庫中相對應的欄位名相同</li><li>點擊型不需要該屬性</li><li>傳輸資料時的標識符</li><li>複選框的name值一般使用數組表示</li><li>單選框的name值相同時，選項相互排斥</li></ul></li><li>value，表單項的值<ul><li>選擇型設定該屬性值，選擇後，可隨表單傳輸</li><li>點擊型除image，設定該屬性，即設定按鈕顯示名稱</li><li>輸入型設定該屬性值，設定預設value值</li></ul></li><li>maxlength，限制文本輸入長度</li></ul></li><li><textarea>標籤，雙標籤<ul><li>多行文本域，可輸入多行文本</li><li>cols，設定列數，通過列數，設定寬度</li><li>rows，設定行數，通過行數，設定高度</li><li>其餘屬性與<input>標籤輸入型一致</li></ul></li><li><select>標籤，雙標籤<ul><li>下拉式功能表</li><li>name屬性設定表單項名稱，通常與資料庫欄位名一致</li><li>multiple屬性設定表單為多選</li></ul></li><li><option>標籤，雙標籤<ul><li>嵌套在<select>標籤中使用，表示下拉式功能表的一個選項</li><li>value屬性設定選項的值，選擇後，隨表單傳輸</li><li>selected屬性設定預設被選中</li></ul></li><li><lable>標籤可設定文本與選項綁定，達到點擊文本即可選擇的作用</li></ul><p></p><p>關於表單的其他屬性和用法，可查看協助文檔！</p><p>標籤，雙標籤</p><ul><li>圖層標籤，用於定位元素或布局</li><li>層中的內容可放到瀏覽器任意位置，可放入HTML元素</li><li>常與CSS結合使用</li></ul><p>由於常與CSS結合使用，在學習CSS時再深入學習！</p><p> </p><p><span>至此，HTML的基本元素已經學完了，可以開始製作簡單的靜態網頁了，但是離動態網站還遠著呢！接著來學CSS吧！</span></p></p><p align="left"><span id="url" itemprop="url">http://www.bkjia.com/PHPjc/956929.html</span><span id="indexUrl" itemprop="indexUrl">www.bkjia.com</span><span id="isOriginal" itemprop="isOriginal">true</span><span id="isBasedOnUrl" itemprop="isBasedOnUrl">http://www.bkjia.com/PHPjc/956929.html</span><span id="genre" itemprop="genre">TechArticle</span><span id="description" itemprop="description">PHP筆記（HTML篇），php筆記html 學過很多語言，最近終於決定要學PHP了。 學習PHP，首先總要學習HTML，那麼，我也從HTML開始吧！ 首先學習任何...</span></p><li ><i class="layui-icon">
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
