html教學

HTML 初學者指南(一)

黄舟

Dec 23, 2016 pm 02:40 PM

html

本文是建立HTML檔案的初級讀物。 HTML 是 WWW（World Wide Web )中使用的超文本標記語言。本指南的目的是介紹如何使用HTML和建立 web 檔案。本文中的連結指向一些附加的資訊。你也可以到你本地的書店查看一下，那裡可能會有很多有價值的關於 Web 和 HTML 的資料。
前言
術語
WWW
World Wide Web
Web
World Wide Web
SGML
Standard Generalized Markup Language--標準通用標記語言，描述標記語言的一個標準
Standard 一般一個用SGML寫成的標記語言的正式說明
HTML
HyperText Markup Language-- 超文本標記語言, 它是一個SGML DTD
HTML 是一套獨立於平台的格式定義( 用標記說明) , 用來描述World Wide Web 文件中的各個組成部分. HTML 是Tim Berners-Lee 在CERN (在日內瓦的歐洲粒子物理實驗室) 發明的.
本文不包括的內容
本指南假設讀者俱有以下基礎:

知道如何使用NCSA Mosaic 或其它的Web browser
對Web 伺服器和客戶browsers 有一般的理解
可以存取Web 伺服器(或你只是想用本地方式建立個人使用的HTML 文件)
HTML 版本
本指南參考最新的說明--HTMLML 文檔)
HTML 版本
本指南參考最新的說明--HTMLML 2.0-- 加上一些已經在browsers 中廣泛實現的附加特性. 以及正在發展的一些新特性.

HTML 文件
什麼是HTML 文件
HTML 文件是普通文本( ASCII) 文件, 它可以用任意編緝器(如UNIX 中的Emacs 或vi, Macintosh 中的BBEdit, Windows中的Notepad)生成. 你也可以使用字處理軟體, 不過要記住存文件時要存成「帶車的純文字」。

HTML 編輯器
現在有一些WYSIWYG 編輯器(如., 可用在多種平台的HotMetal, 或者可用在Macintosh 機的Adobe PageMill ). 在你學了一些HTML 標記的基本知識之後，你可能希望使用它們. 你會發現掌握足夠的HTML 編碼知識對於判斷一個WYSIWYG 編輯器是否適用是很有益處的

如果你還沒有選定使用哪種軟體, 可以參考本站軟體下載HTML 編輯器的在線例表(按應用平台分類) ，幫助你尋找應用軟體.

把文件存放到伺服器上
如果你在學校或者單位可以訪問Web 伺服器, 和你的WEB 管理員webmaster (維護伺服器的人) 聯繫，看看如何把你的文件存放到Web 上. 否則，如果在學校或單位不能訪問, 可以看看你的社區是否有免費網絡FreeNet, 一種提供免費Internet 訪問服務的基於社區的網絡. 如果也沒有免費網絡, 你可以當地的Internet 服務提供者聯繫，他們可以把你的文檔存放到服務器上，不過要收取費用. (你可以在當地的報紙上找到廣告with your Chamber of Commerce for the names of companies.)

標記說明
一個元素element 是一個文檔結構的基本組成部分. 元素的例子有頭heads, 表格tables, 段落paragraphs, 列表lists 等. 你可以這樣理解: 你用HTML 標記為瀏覽器標出文件的各個元素. 元素中可以包含普通文本，其他元素，或二者都有.

在HTML 文件中使用tags表示各種元素. HTML 標記由一個左尖括號() 組成. 標記通常成對出現(如,

和

) 以指出標記作用的範圍. 結束標記和起始標記相似，只是在括號中的標記名中以斜杠( /) 領頭. HTML 標記在下文中列出.

有些元素可能含有一個屬性attribute, 它是包含在起始標記中的附加信息說明. 例如, 通過在圖象文件的HTML 代碼中包含適當的屬性，你可以指明圖象的位置(頂端, 中間, 或底部) . 具有可選屬性的標記如下.

注意: HTML 不區分大小寫. 等價於<title> 或<title>.有幾個例外的情況列在下文中的轉義序列中. 並非所有的World Wide Web 瀏覽器都支援所有的標記. 如果一個瀏覽器不支援某個標記, 它通常只是忽略之. 最小的HTML 文件 每個HTML 文件應該包含一些標準HTML 標記. 每個文檔都包含頭head 和正文body text 兩部分. 頭中含有標題title, 正文中含有實際構成段落，列表和其他元素的文本. 瀏覽器需要具體的資訊是因為它們都是根據HTML 和SGML 說明編程的. 下面的源文檔舉例說明必須的元素: <title>A Simple HTML Example

HTML is Easy To Learn

🎜

Welcome to the world of HTML.
This is the first paragraph. While short it is
still a paragraph!

And this is the second paragraph.

必須的元素有, , , 和標記(和它們對應的結束標記). 由於在每個文件中你都要包括這些標記,你可以建立一個含有這些標記的範本文件. ( 有些瀏覽器會自動正確地規格化你的HTML 文件，哪怕你沒有包含這些標記. 但是有些瀏覽器不會這樣! 因此你要確保包含這些標記.)

以上是HTML 初學者指南(一)的內容，更多相關內容請關注PHP中文網（www.php.cn）！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

超越HTML：網絡開發的基本技術Apr 26, 2025 am 12:04 AM

要構建一個功能強大且用戶體驗良好的網站，僅靠HTML是不夠的，還需要以下技術：JavaScript賦予網頁動態和交互性，通過操作DOM實現實時變化。 CSS負責網頁的樣式和佈局，提升美觀度和用戶體驗。現代框架和庫如React、Vue.js和Angular，提高開發效率和代碼組織結構。

HTML中的布爾屬性是什麼？舉一些例子。Apr 25, 2025 am 12:01 AM

布爾屬性是HTML中的特殊屬性，不需要值即可激活。 1.布爾屬性通過存在與否控制元素行為，如disabled禁用輸入框。 2.它們的工作原理是瀏覽器解析時根據屬性的存在改變元素行為。 3.基本用法是直接添加屬性，高級用法可通過JavaScript動態控制。 4.常見錯誤是誤以為需要設置值，正確寫法應簡潔。 5.最佳實踐是保持代碼簡潔，合理使用布爾屬性以優化網頁性能和用戶體驗。

如何驗證您的HTML代碼？Apr 24, 2025 am 12:04 AM

HTML代碼可以通過在線驗證器、集成工具和自動化流程來確保其清潔度。 1)使用W3CMarkupValidationService在線驗證HTML代碼。 2)在VisualStudioCode中安裝並配置HTMLHint擴展進行實時驗證。 3)利用HTMLTidy在構建流程中自動驗證和清理HTML文件。

HTML與CSS和JavaScript：比較Web技術Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是構建現代網頁的核心技術：1.HTML定義網頁結構，2.CSS負責網頁外觀，3.JavaScript提供網頁動態和交互性，它們共同作用，打造出用戶體驗良好的網站。

HTML作為標記語言：其功能和目的Apr 22, 2025 am 12:02 AM

HTML的功能是定義網頁的結構和內容，其目的在於提供一種標準化的方式來展示信息。 1）HTML通過標籤和屬性組織網頁的各個部分，如標題和段落。 2）它支持內容與表現分離，提升維護效率。 3）HTML具有可擴展性，允許自定義標籤增強SEO。

HTML，CSS和JavaScript的未來：網絡開發趨勢Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件，CSS的未來趨勢是CSS-in-JS和CSSHoudini，JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果，Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積，CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡，Serverless簡化開發但需優化冷啟動問題。