日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 > 前端技术 > HTML >内容正文

HTML

HTML语法初探（一）

發布時間：2025/3/17 HTML 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML语法初探（一） 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

最近由于想做一個個人網站或者簡歷，所以在學習HTML語言，將學習過程記錄下來。

什么是 HTML？

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

  • HTML 指的是超文本標記語言 (Hyper?Text?Markup?Language)
  • HTML 不是一種編程語言，而是一種標記語言?(markup language)
  • 標記語言是一套標記標簽?(markup tag)
  • HTML 使用標記標簽來描述網頁

HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

  • HTML 標簽是由尖括號包圍的關鍵詞，比如 <html>
  • HTML 標簽通常是成對出現的，比如 <b> 和 </b>
  • 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽和閉合標簽

HTML 文檔 = 網頁

  • HTML 文檔描述網頁
  • HTML 文檔包含 HTML 標簽和純文本
  • HTML 文檔也被稱為網頁

Web 瀏覽器的作用是讀取 HTML 文檔，并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容：

<html> <body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body> </html>

例子解釋

  • <html> 與 </html> 之間的文本描述網頁
  • <body> 與 </body> 之間的文本是可見的頁面內容
  • <h1> 與 </h1> 之間的文本被顯示為標題
  • <p> 與 </p> 之間的文本被顯示為段落

使用 Notepad 或 TextEdit 來編寫 HTML

可以使用專業的 HTML 編輯器來編輯 HTML：

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

不過，我們同時推薦使用文本編輯器來學習 HTML，比如 Notepad (PC) 或 TextEdit (Mac)。我們相信，使用一款簡單的文本編輯器是學習 HTML 的好方法。

通過記事本，依照以下四步來創建您的第一張網頁。

步驟一：啟動記事本

如何啟動記事本：

開始
????所有程序
????????附件
????????????記事本

步驟二：用記事本來編輯 HTML

在記事本中鍵入 HTML 代碼：

步驟三：保存 HTML

在記事本的文件菜單選擇“另存為”。

當您保存 HTML 文件時，既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別，完全根據您的喜好。

在一個容易記憶的文件夾中保存這個文件，比如 w3school。

步驟四：在瀏覽器中運行這個 HTML 文件

啟動您的瀏覽器，然后選擇“文件”菜單的“打開文件”命令，或者直接在文件夾中雙擊您的 HTML 文件。

結果應該類似這樣：

HTML 標題

HTML 標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。

實例

<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>

HTML 段落

HTML 段落是通過 <p> 標簽進行定義的。

實例

<p>This is a paragraph.</p> <p>This is another paragraph.</p>

HTML 鏈接

HTML 鏈接是通過 <a> 標簽進行定義的。

實例

<a href="http://www.w3school.com.cn">This is a link</a>

HTML 圖像

HTML 圖像是通過 <img> 標簽進行定義的。

實例

<img src="w3school.jpg" width="104" height="142" />


HTML 元素

HTML 元素指的是從開始標簽（start tag）到結束標簽（end tag）的所有代碼。

開始標簽元素內容結束標簽
<p>This is a paragraph</p>
<a href="default.htm" >This is a link</a>
<br />??

注釋：開始標簽常被稱為開放標簽（opening tag），結束標簽常稱為閉合標簽（closing tag）。

HTML 元素語法

  • HTML 元素以開始標簽起始
  • HTML 元素以結束標簽終止
  • 元素的內容是開始標簽與結束標簽之間的內容
  • 某些 HTML 元素具有空內容（empty content）
  • 空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
  • 大多數 HTML 元素可擁有屬性

提示：您將在本教程的下一章中學習更多有關屬性的內容。

嵌套的 HTML 元素

大多數 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

HTML 文檔由嵌套的 HTML 元素構成。

HTML 文檔實例

<html><body> <p>This is my first paragraph.</p> </body></html>

上面的例子包含三個 HTML 元素。

HTML 實例解釋

<p> 元素：

<p>This is my first paragraph.</p>

這個 <p> 元素定義了 HTML 文檔中的一個段落。

這個元素擁有一個開始標簽 <p>，以及一個結束標簽 </p>。

元素內容是：This is my first paragraph。

<body> 元素：

<body> <p>This is my first paragraph.</p> </body>

<body> 元素定義了 HTML 文檔的主體。

這個元素擁有一個開始標簽 <body>，以及一個結束標簽 </body>。

元素內容是另一個 HTML 元素（p 元素）。

<html> 元素：

<html><body> <p>This is my first paragraph.</p> </body></html>

<html> 元素定義了整個 HTML 文檔。

這個元素擁有一個開始標簽 <html>，以及一個結束標簽 </html>。

元素內容是另一個 HTML 元素（body 元素）。

不要忘記結束標簽

即使您忘記了使用結束標簽，大多數瀏覽器也會正確地顯示 HTML：

<p>This is a paragraph <p>This is a paragraph

上面的例子在大多數瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結束標簽會產生不可預料的結果或錯誤。

注釋：未來的 HTML 版本不允許省略結束標簽。

空的 HTML 元素

沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。

<br> 就是沒有關閉標簽的空元素（<br> 標簽定義換行）。

在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。

在開始標簽中添加斜杠，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。

即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。

HTML 提示：使用小寫標簽

HTML 標簽對大小寫不敏感：<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。

因為萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。

HTML 屬性

HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。

屬性總是以名稱/值對的形式出現，比如：name="value"。

屬性總是在 HTML 元素的開始標簽中規定。

屬性實例

HTML 鏈接由 <a> 標簽定義。鏈接的地址在 href 屬性中指定：

<a href="http://www.w3school.com.cn">This is a link</a>

更多 HTML 屬性實例

屬性例子 1:

<h1> 定義標題的開始。

<h1 align="center"> 擁有關于對齊方式的附加信息。

TIY : 居中排列標題

屬性例子 2:

<body> 定義 HTML 文檔的主體。

<body bgcolor="yellow"> 擁有關于背景顏色的附加信息。

TIY : 背景顏色

屬性例子 3:

<table> 定義 HTML 表格。（您將在稍后的章節學習到更多有關 HTML 表格的內容）

<table border="1"> 擁有關于表格邊框的附加信息。

HTML 提示：使用小寫屬性

屬性和屬性值對大小寫不敏感。

不過，萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

而新版本的 (X)HTML 要求使用小寫屬性。

始終為屬性值加引號

屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。

在某些個別的情況下，比如屬性值本身就含有雙引號，那么您必須使用單引號，例如：

name='Bill "HelloWorld" Gates'

HTML 屬性參考手冊

我們的完整的 HTML 參考手冊提供了每個 HTML 元素可使用的合法屬性的完整列表：

完整的 HTML 參考手冊

下面列出了適用于大多數 HTML 元素的屬性：

屬性值描述
classclassname規定元素的類名（classname）
idid規定元素的唯一 id
stylestyle_definition規定元素的行內樣式（inline style）
titletext規定元素的額外信息（可在工具提示中顯示）

如需更多關于標準屬性的信息，請訪問：

HTML 標準屬性參考手冊

http://www.w3school.com.cn/tags/html_ref_standardattributes.asp


總結

以上是生活随笔為你收集整理的HTML语法初探（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。