pg电子游戏哪个平台好

書名： JavaScript全程指南
作者名：郭偉偉劉端陽編著
本章字數： 2916字
更新時間： 2018-12-29 19:07:22

1.1 HTML超文本標記

因為JavaScript存在于Web頁之中，所以要想使用JavaScript，就首先必須理解超文本標記語言。

HTML是超文本標記語言（HyperText Markup Language）的縮寫，它是最近幾年出現的很多標記語言中的一種，簡言之，標記語言為文本文件用特殊字符增添標記提供了一些規則。這些字符對文檔的各個部分進行描述，比如可以使用標記語言來將文本的一部分指定為摘要，即對文檔內容的簡要總結。HTML是為Internet文檔設計的標記語言。

HyperText Markup language（超文本標記語言）是SGML（Standard Generalized Markup Language，標準通用標記語言）的一個應用，是生成活動文檔的代碼系統，活動文檔是使你和別人能夠進行交互的文檔。HTML的普遍應用就是帶來了超文本的技術——從一個主題轉入另一個主題，不是線性的閱讀和尋找信息。通過單擊鏈接直接取得相關的主題。通過單擊鼠標去發送電子郵件與別人聯系，填寫表單并聯機提交，以及訪問巨大的數據庫和信息資源。是HMTL使得文檔的訪問、閱讀及使用如此方便、快捷和有效。無論Web頁面包括動畫、多媒體、圖形等各種復雜的格式，基礎都是HTML。

注意

HTML不是程序設計語言，而是一種結構語言。

HTML與平臺無關，只要是相同的瀏覽器。

HTML有許多元素，文檔通過元素設置標簽就形成了所謂的HTML文檔。

HTML也是文本文件，所以可以用純文本編輯器（如Windows的記事本、寫字板）來編輯，其后綴名必須是.html或.htm

只有通過瀏覽器才可以對HTML文檔進行相應的解釋。

1.1.1 HTML的作用

HTML語言作為一種網頁編輯語言，易學易懂，能制作出精美的網頁效果，其主要作用如下。

（1）格式化文本。如設置標題、字體、字號、顏色，設置文本的段落、對齊方式等。

（2）建立超鏈接。通過超鏈接檢索在線的信息，只需用鼠標單擊，就可以到達任何一處。

（3）創建列表。把信息用一種易讀的方式表現出來。

（4）插入圖像。使網頁圖文并茂，還可以設置圖像的各種屬性，如大小、邊框、布局等。

（5）建立表格。表格為瀏覽者提供了快速找到需要信息的顯示方式，還可以用表格來設定整個網頁的布局。

（6）加入多媒體。可以在網頁中加入音頻、視頻、動畫，還能設定播放的時間和次數。

（7）交互式窗體、計數器等。為獲取遠程服務而設計窗體，可用于檢索信息、定購產品等。

HTML是最基本的網頁制作語言，其他的專用網頁編輯器（如FrontPage，Dreamweaver等）都是以HTML為基礎的。

1.1.2 HTML的編輯環境

HTML的編輯環境很簡單，任何一臺計算機都可以編輯網頁。但要看到用戶自己設計的網頁效果，就需要安裝一個瀏覽器，如Internet Explorer，Netscape Navigator等。因此，只要計算機能運行某個瀏覽器，就具備了網頁制作的硬件環境。HTML要求的軟件環境更為簡單，任何文本編輯器都可以用來制作網頁，包括記事本、寫字板、Word、WPS等編輯程序。不過在保存時，一定要用純文本方式存盤。HTML文件的設計制作與一般程序設計語言之間最大的不同在于，HTML具有跨平臺的處理能力。也就是說，只要有適當的瀏覽器，不管使用何種操作系統，都能閱讀制作的HTML文件。

1.1.3 專用的網頁編輯器

HTML作為最基本的網頁編輯語言，能實現制作網頁的各種效果。但是，它畢竟是一種代碼，得記住一些標記。因此，為了使設計網頁更加簡單方便，有些公司和人員就設計了專用的網頁編輯器。專用的網頁編輯器主要分為3大類。

（1）完全的所見即所得工具：所謂所見即所得，就是在編輯網頁時看到的效果，與使用瀏覽器時看到的效果基本一致。這給網頁設計人員帶來了極大的方便。如果希望建立一個美觀而又不復雜的站點，這種工具非常適合，可以很輕松地制作想要的效果，而直接用HTML代碼編寫出某些效果是很麻煩的。不過必須按照這些軟件的要求來設計。典型的工具有Drumbeat 、NetobjectFusion。

（2）純粹的HTML代碼編輯工具：與完全的所見即所得工具相對應，用純粹的HTML代碼編輯工具，用戶可以對頁面進行完全的控制。使用這些工具時，直接編輯原始的HTML代碼，在對頁面進行加工時，也不會破壞原有的代碼。這些工具最大的不足在于用戶必須會HTML語言。事實上，雖然有那么多工具，要想成為一個好的網頁制作人員，HTML還是應當掌握的。

（3）混合型工具：介于上面兩種工具之間，混合型工具在所見即所得的工作環境下可以完成主要的工作，同時也能切換到一個文本編輯器，對HTML源代碼進行直接地調整。像所見即所得的工具一樣，這種混合型的創作工具通常也不能完全控制HTML頁的代碼。但Macromedia Dreamweaver在對已有的HTML頁進行編輯時，會嚴格保持原有代碼的格式。典型的混合型工具還有Adobe PageMill、FrontPage、CutePage 、QuickSite等。

FrontPage是較好的所見即所得的網頁編輯工具，也是常用的網頁編輯器。它對一個Web站點有很強的控制能力，可以統一Web站點內頁面的外觀和風格。它的Web管理功能也很強大，用戶可以通過圖形的方式觀察和調整站點的結構。

Dreamweaver的最佳特性就是它的“往返式（Roundtrip）HTML”編輯能力，這種特性使圖形編輯工具和代碼編輯工具輸出同樣的HTM代碼。Dreamweaver是圖形化HTML編輯工具中惟一不干擾原有HTML代碼的工具，所以用Dreamweaver編輯后，仍然可以轉回到原來的代碼中用編輯工具進行修改。用其他工具修改后，Dreamweaver能自動更新相應的頁面。它能很方便地產生動畫，嵌入JavaApplet、ActiveX控件，以及Netscape插件，并對用戶的動作作出反應。此外，Dreamweaver在Internet Explorer和Netscape Navigator兩種瀏覽器之間的兼容性問題上處理得也很好。

1.1.4 HTML組件

HTML實際上是普通的文檔，沒有圖形，動畫，聲音等，但包含了指向這些類型文件的“指針”或鏈接，使得Web頁面包含這些非文本因素。HTML本身是由標識HTML文檔元素和特性標志（tag）和屬性（attribute）構成的代碼系統。有些標志顯示文檔結構，有些指向其他文件，屬性的作用是對標志提供補充信息。

HTML工具的使用

（1）創建一個HTML文檔，只需要兩個工具，一個是HTML編輯器，一個是Web瀏覽器。

① HTML編輯器用于生成和保存THML文檔的應用程序。

② Web瀏覽器是用來打開網頁文件，提供給用戶查看Web資源的客戶端程序。

（2）HTML編輯器分兩種

① 一種是基于文本和代碼的編輯器，在創建時只能看到HTML代碼。

② 所見即所得編輯器。在對網頁編輯時，它所處的設計界面也是在最終瀏覽器窗口中顯示的效果。它一般有設計區和代碼區之分

1.1.5 HTML標簽

HTML必須是文本文檔，由被稱為標簽的格式指示以及要在Web頁上顯示的文本組成。HTML標簽的范圍從格式化命令到用戶輸入的控制，還有一些HTML標簽用于在文檔或Web頁中顯示圖形圖像與其他對象。

注意

HTML對大小寫不敏感，所以可以使用代替。但是，筆者建議凡是HTML標簽都使用小寫的字母書寫。

所有的HTML文檔都以<HTML>開始，并以</HTML>結束。這一對標簽告訴瀏覽器，它們之間的所有文本都應該被編譯為一個HTML文檔。HTML提供了許多用于創建HTML文檔的標簽，如表1-1所示。

表1-1 常用HTML標簽

<HEAD/>和<BODY/>是兩個重要的標簽。<HEAD/>標簽包含了提供給Web瀏覽器使用的信息，它位于HTML文檔的開頭處，在起始<HTML/>標簽之后，有幾個標簽可以放在<HEAD>…</HEAD>標簽對之中，幫助組織文檔內容。HTML文檔中包含有JavaScript程序時，它們通常放在<HEAD>…</HEAD>標簽之間，可以放置在<HEAD>…</HEAD>標簽對之間的標簽如表1-2所示。

表1-2 <HEAD>…</HEAD>標簽之間的HTML標簽

<HEAD/>標簽之后<BODY/>標簽，它包含了HTML頁面。<BODY/>標簽的屬性決定了HTML文檔的外觀。<BODY/>標簽的屬性如表1-3所示。

表1-3 <BODY>標簽的屬性

Web瀏覽器解析或翻譯HTML文檔時，會忽略代碼中的非打印字符，例如空格、制表符和回車換行。只有最終文檔中包含的可識別的HTML標簽和文本會顯示在瀏覽器中。不能使用回車換行在HTML文檔的段前或段后插入空格，瀏覽器只把和 識別為回車行。如果使用段落標簽在HTML文檔中創建空行，需要對特定的Web瀏覽器加以注意，如IE會忽略掉無內容的標簽。

提示

某些HTML標簽，例如段落標簽，并不需要結束標簽。另外，不同的瀏覽器對何時需要結束標簽有不同的要求。

官术网_书友最值得收藏!