html教程(已修改)
2025-08-17 01:20 本頁(yè)面
【正文】 HTML教程 什么是 HTML文件？ ? HTML的英文全稱是 Hypertext Marked Language，中文叫做 “ 超文本標(biāo)記語(yǔ)言 ” 。 ? 和一般文本的不同的是，一個(gè) HTML文件不僅包含文本內(nèi)容，還包含一些 Tag，中文稱“ 標(biāo)記 ” 。 ? 一個(gè) HTML文件的后綴名是 .htm或者是 .html。 ? 用文本編輯器就可以編寫 HTML文件。 ? 打開你的 Notepad，新建一個(gè)文件，然后拷貝以下代碼到這個(gè)新文件，然后將這個(gè)文件存成。 ? html ? head ? titleTitle of page/title ? /head ? body ? This is my first homepage. bThis text is bold/b ? /body ? /html 建立一個(gè) HTML文件 ? HTML元素 (HTML Element)用來(lái)標(biāo)記文本，表示文本的內(nèi)容。比如 body, p, title就是HTML元素。 ? HTML元素用 Tag表示， Tag以 開始，以 結(jié)束。 ? Tag通常是成對(duì)出現(xiàn)的，比如body/body。起始的叫做 Opening Tag，結(jié)尾的就叫做 Closing Tag。 ? 目前 HTML的 Tag不區(qū)分大小寫的。比如，HTML和 html其實(shí)是相同的。 HTML元素 (HTML Elements) ? HTML元素可以擁有屬性。屬性可以擴(kuò)展 HTML元素的能力。 ? 比如你可以使用一個(gè) bgcolor屬性，使得頁(yè)面的背景色成為紅色，就像這樣： ? body bgcolor=red ? 再比如，你可以使用 border這個(gè)屬性，將一個(gè)表格設(shè)成一個(gè)無(wú)邊框的表格。如下： ? table border=0 ? 屬性通常由屬性名和值成對(duì)出現(xiàn)，就像這樣：name=value。上面例子中的 bgcolor, border就是name， red和 0就是 value。屬性值一般用雙引號(hào)標(biāo)記起來(lái)。 HTML元素的屬性 HTML基礎(chǔ) Tag 示例：一個(gè)非常簡(jiǎn)單的 HTML文件 ? html ? body ? 這是一個(gè)非常簡(jiǎn)單的 HTML。 ? /body ? /html ? 這個(gè)示例算是一個(gè)最簡(jiǎn)單的 HTML文件，只包含了最基本的能構(gòu)成一個(gè) HTML文件的Tag。 示例：簡(jiǎn)單的段落 ? html ? body ? p這是第一段。 /p ? p這是第二段。 /p ? p這是第三段。 /p ? p在 HTML里，用 p來(lái)定義段落。 /p ? /body ? /html 正文標(biāo)題 ? HTML用 h1到 h6這幾個(gè) Tag來(lái)定義正文標(biāo)題，從大到小。每個(gè)正文標(biāo)題自成一段。 ? html ? body ? h1這是 1號(hào)標(biāo)題 /h1 ? h2這是 2號(hào)標(biāo)題 /h2 ? h3這是 3號(hào)標(biāo)題 /h3 ? h4這是 4號(hào)標(biāo)題 /h4 ? h5這是 5號(hào)標(biāo)題 /h5 ? h6這是 6號(hào)標(biāo)題 /h6 ? /body ? /html 段落劃分 ? 在 HTML里用 p和 /p劃分段落。 ? html ? body ? p ? 這一段 ? 在源代碼里 ? 包含很多分行， ? 但是瀏覽器忽略 ? 這些分行。 ? /p 更多段落 ? p ? 這一段 在瀏覽器里 ? 包含 很多 空格， ? 但是 瀏覽器忽略多余空格。 ? /p ? p ? 你使用的瀏覽器的窗口大小決定了段落的行數(shù)。如果你改編瀏覽器窗口的大小，段落的行數(shù)會(huì)因此改變。 ? /p ? /body ? /html 換行 ? 通過使用 br這個(gè) Tag，可以在不新建段落的情況下?lián)Q行。br沒有 Closing Tag。 ? 用 p換行是個(gè)壞習(xí)慣，正確的是使用 br。 ? html ? body ? p ? 要 br在一段 br里 br換行 br請(qǐng)使用 brbr這個(gè) Tag。 ? /p ? /body ? /html HTML注釋 ? 在 HTML文件里，你可以寫代碼注釋，解釋說明你的代碼，這樣有助于你和他人日后能夠更好地理解你的代碼。 ? 注釋可以寫在 !和 之間。瀏覽器是忽略注釋的，你不會(huì)在 HTML正文中看到你的注釋。 ? html ? body ? !這是代碼注釋 ? p代碼注釋是不會(huì)顯示在網(wǎng)頁(yè)里的。 /p ? /body ? /html 居中的正文標(biāo)題 ? html ? body ? h1 align=center這是標(biāo)題 /h1 ? p上面的標(biāo)題是居中顯示的。 /p ? /body ? /html 加條橫線 ? html ? body ? p用 h
規(guī)章制度相關(guān)推薦
鄂ICP備17016276號(hào)-1