HTML快速入門

2021-07-09 13:02:50 字數 3297 閱讀 5084

html 是用來描述網頁的一種語言。

html 指的是超文字標記語言 (hyper text markup language)

html 不是一種程式語言,而是一種標記語言 (markup language)

標記語言是一套標記標籤 (markup tag)

html 使用標記標籤來描述網頁

html 標籤通常是成對出現的,比如

標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

html 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有**。

注釋:開始標籤常被稱為開放標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。

html 鏈結由標籤定義。鏈結的位址在 href 屬性中指定:

a href="">this is a link

屬性例子 1:

注釋:瀏覽器會自動地在標題的前後新增空行。

注釋:預設情況下,html 會自動地在塊級元素前後新增乙個額外的空行,比如段落、標題元素前後。

標籤在 html 頁面中建立水平線。

hr 元素可用於分隔內容。

例項this is a paragraph

this is a paragraph

this is a paragraph

可以將注釋插入 html **中,這樣可以提高其可讀性,使**更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。

注釋是這樣寫的:

例項

注釋:開始括號之後(左邊的括號)需要緊跟乙個嘆號,結束括號之前(右邊的括號)不需要。

段落是通過標籤定義的。

例項this is a paragraph

this is another paragraph

去插入乙個空行是個壞習慣。用

標籤代替它!

如果您希望在不產生乙個新段落的情況下進行換行(新行),請使用

標籤:

this is

a para

graph with line breaks

我們無法確定 html 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。

對於 html,您無法通過在 html **中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時,瀏覽器會移除源**中多餘的空格和空行。所有連續的空格或空行都會被算作乙個空格。需要注意的是,html **中的所有連續的空行(換行)也被顯示為乙個空格。

當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化。有以下三種方式來插入樣式表:

當樣式需要被應用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改乙個檔案來改變整個站點的外觀。

當單個檔案需要特別樣式時,就可以使用內部樣式表。你可以在head部分通過標籤定義內部樣式表。

當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 css 屬性。以下例項顯示出如何改變段落的顏色和左外邊距。

this is a paragraph

我們通過使用標籤在 html 中建立鏈結。

有兩種使用標籤的方式:

通過使用href屬性 - 建立指向另乙個文件的鏈結

通過使用name屬性 - 建立文件內的書籤

href 屬性規定鏈結的目標。

開始標籤和結束標籤之間的文字被作為超級鏈結來顯示。

例項visit hdoj

使用 target 屬性,你可以定義被鏈結的文件在何處顯示。

下面的這行會在新視窗開啟文件:

visit w3school!

name 屬性規定錨(anchor)的名稱。

您可以使用 name 屬性建立 html 頁面中的書籤。

書籤不會以任何特殊方式顯示,它對讀者是不可見的。

當使用命名錨(named anchors)時,我們可以建立直接跳至該命名錨(比如頁面中某個小節)的鏈結,這樣使用者就無需不停地滾動頁面來尋找他們需要的資訊了。

命名錨的語法:

錨(顯示在頁面上的文字)

在上面的**中,我們將 # 符號和錨名稱新增到 url 的末端,就可以直接鏈結到 tips 這個命名錨了。

通過使用 html,可以在文件中顯示影象。

影象標籤()和源屬性(src)

在 html 中,影象由標籤定義。

是空標籤,意思是說,它只包含屬性,並且沒有閉合標籤。

要在頁面上顯示影象,你需要使用源屬性(src)。src 指 「source」。源屬性的值是影象的 url 位址。

定義影象的語法是:

url 指儲存影象的位置。如果名為」boat.gif」的影象位於 www.w3school.com.cn 的images目錄中,那麼其url為 /images/boat.gif。

瀏覽器將影象顯示在文件中影象標籤出現的地方。如果你將影象標籤置於兩個段落之間,那麼瀏覽器會首先顯示第乙個段落,然後顯示,最後顯示第二段。

alt 屬性用來為影象定義一串預備的可替換的文字。替換文字屬性的值是使用者定義的。

在瀏覽器無法載入影象時,替換文字屬性告訴讀者她們失去的資訊。此時,瀏覽器將顯示這個替代性的文字而不是影象。為頁面上的影象都加上替換文字屬性是個好習慣,這樣有助於更好的顯示資訊,並且對於那些使用純文字瀏覽器的人來說是非常有用的。

HTML快速入門

b s架構 伺服器 瀏覽器 接收請求並解析,處理業務,返回資料 響應 頁面組成 html css js 測試工具 chrome 特點 說明 標籤就是html的骨架,最重要的組成部分。屬性 幾乎每個標籤都有的屬性 加粗 斜體 下劃線 刪除線 上標 下標 字型 其中的每個元素都是乙個 有序列表 例子 n...

HTML快速入門

這是乙個宣告,目的是告訴瀏覽器使用html的標準來解析這個網頁 doctype html 根標籤,最頂層的標籤 頭標籤,用於指定html文件的一些屬性。utf 8 定義標題的標籤 title head 體標籤,網頁的主要內容就寫在這裡 hellow body html 注釋 標題標籤 四級標題 五級...

HTML快速入門

目錄2.html 一般對前端而言,我們接觸得比較多的是 b s 架構 資源分類 靜態資源 使用靜態網頁開發技術發布的資源 特點 分類 動態資源 特點 由標籤構成的語言。標籤名稱 如 html,xml html檔案的字尾名 html 或 htm 標籤分為 圍堵標籤 有開始和結束標籤。如 自閉和標籤 開...