新手學習舊知識(一)HTML語言基礎

黄舟
發布: 2016-12-26 15:08:21
原創
1469 人瀏覽過

一、為什麼要?

  近兩年來,許多公司開發出了圖形化的HTML開發工具,使得網頁的製作變得非常簡單。如微軟公司推出的 Microsoft FrontPage, Adob​​​​e公司推出的 Adob​​​​e Pagemill, Micromedia公司推出的Dreamweaver等編輯工具,都稱為「所見即所得」的工具。這些圖形化的開發工具可以直接處理網頁,而不用書寫費勁的標記。這使得使用者在沒有HTML語言基礎的情況下,可以照樣編寫網頁。這時,寫HTML文件的任務由開發工具替你完成了。 這是網頁圖形編輯工具的最大成功之處,但也是它們最大的缺點。受到圖形編輯工具本身的約束,將產生大量的垃圾程式碼。原因很簡單,我舉一個簡單的例子你就懂了。例如:在網頁設計一個表格,若是每個單元格的寬度和高度讓它根據其中的內容自動確定,HTML只要你告訴它是表格和單元格的排列順序(也就是行列數)就行了,但因為圖形化開發工具無法得知你的這種特殊要求,所以只能取一般要求,把每個單元格的寬度和高度都定義起來,從而增加了許多程式碼。所以一個明智的網頁編寫者應該在掌握圖形編輯工具的基礎上進一步學會HTML語言,從而知道那些是垃圾程式碼,這樣,我們就可以利用圖形化HTML開發工具快速成地做出網頁,又會消除無用的程式碼,從而達到快速製作高品質網頁的目的。

  二、如何用HTML?

  HTML語言,又稱超文本標記語言,是英文Hyper Text Markup Language的縮寫。 HTML語言作為一種識別性的語言,是由一些特定符號和語法組成的,所以理解和掌握都是十分容易的。可以說,HTML語言在所有的電腦程式語言中是最簡單易學的。 組成HTML的文檔都是ASCIlI檔,所以創建HTML文件十分簡單,只需一個普通的字元編輯器即可。如 Wndows中的記事本、寫字板都可以使用。也可以採用專用的 HTML 編輯工具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具,它們的特點是能夠自動檢查HTML文件中的語法錯誤並協助改正。由於有了圖形化的HTML開發工具,使得我們更加容易,我們可以先用它製作好網頁,再在它附帶的HTML代碼編輯器在刪除那些無用的代碼,利用它的所見即所得特性,從而使我們很快就能熟煉地掌握HTML。特別是 Micromedia 公司最近發布的Dreamweaver4,可以把原始碼編輯器和網頁編輯器放在同一個視窗中,真是方便極了。

  三、HTML基本概念

  1、標記

  HTML用來描述功能的符號稱為「標記」。如“HTML”、“BODY”、“TABLE”等。標記在使用是必須用方括號“”括起來,而且是成對出現,無斜杠的標記表示該標記的作用開始,有斜杠的標記表示該標記的作用結束。如

表示一個表格的開始,表標一個表格的結束。在HTML中,標記的大小寫用相同,如和都是表示一個表格的開始。


  標記可以包含標記,如:表格中包含表格或其它標記,如下面這樣的HTML代碼結構是正確的:


,如下面這樣的程式碼是錯誤的:新手學習舊知識(一)HTML語言基礎


這是不正確的代碼

  2、特殊字元

  2、特殊字元

  方號參數和由於方號和由於方號那麼在網頁中要顯示方括號和英文引號只能用其它的符號來代替,下面是常見特殊字符所代表的正常字符:

>或>對應字符>"或" ——對應字符"

à——對應字符A

  3、語法

  一個標記,為了明確它的功能,往往用一些屬性參數來描述,對這些屬性參數的規定上就是所謂的語法,例如:段落標記

,它的語法格式是:

  這就說明

標記有兩個屬性參數,即“align”和“class”,其中“align”靠左、靠右或居中。 ,這是我們判斷無用程式碼的主要標準之一,假如在網頁程式碼中有對預設值進行描述設定的語句程式碼,顯然是無用的程式碼。影響效果或影響很少,我們就盡量取預設值,這樣可以不用設置,從而達到減少程式碼的目的。

The specific values ​​of the marker parameters must be added with Spanish quotation marks. For example: to center the paragraph content, the correct writing method is as follows:


Example of centering the paragraph content


The key to learning how to use HTML language well is to flexibly apply markup parameters. Especially the application of default values.

The above is the content for novices to learn old knowledge (1) HTML language basics. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板