首頁 > 開發者 > 網站開發

HTML知識點梳理（一）

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：copy   擷取   語言   按鈕   san   功能   sub   img   size   

一：什麼是HTML

HTML（HyperText Mark-up Language）即超文字標記語言 (HTML)或超文字標籤語言

何為超文本：“超文本”可以實現頁面內可以包含圖片、連結，甚至音樂、程式等。

網頁檔案本身是一種文字檔，它通過標記符號來標記要顯示的網頁中的各個部分。

何為標記：當瀏覽器遇到對應的標籤符號時 就實現對應的功能！

網頁副檔名：.html .htm


----------------------------------------------------------------------------------------------------------------------------------------------------

二：HTML檔案結構

<html>    <!--HTML檔案的聲明開始-->

         <head></head>  <!--HTML檔案的頭部部分-->

         <body></body>  <!--HTML檔案的主體部分-->

</html>   <!--HTML檔案的聲明結束-->

 


----------------------------------------------------------------------------------------------------------------------------------------------------

三：標籤分類

  • 標籤主要分為雙邊標籤（innerHTML只能擷取雙邊標籤中的內容）與單邊標籤
  • HTML標籤通常是成對出現的（雙邊標籤），比如 <div> 和 </div>
  • 雙邊標籤中的第一個標籤是開始標籤，第二個標籤是結束標籤；
  • 也有單獨呈現的標籤（單邊標籤），如：<br />、<hr />和<img  src=“images/1.jpg” />
  • 雙邊標籤，其內容在兩個標籤中間。如<h1>標題</h1>
  • 單邊標籤，其內容在標籤屬性中賦值。<input type=“text” value=“按鈕” />

塊級標籤和行內標籤的區別：

1） 區塊層級元素

● 霸佔一行，不能與其他任何元素並列

● 能接受寬、高

● 如果不設定寬度，那麼寬度將預設變為其父元素的100%。

2） 行內元素

● 與其他行內元素並排

● 不能設定寬、高。預設的寬度，就是內容的寬度。

區塊層級元素：p、h1~h6   排版標籤一般都是屬於區塊層級元素

行內元素：b、i、u、font、sup、sub   文本修飾標籤一般都是屬於行內元素


----------------------------------------------------------------------------------------------------------------------------------------------------

書寫規則
  • HTML標籤是由一對角括弧包圍的關鍵詞，比如 <html>
  • 標籤名不區分大小寫   但是建議使用小寫   <font>  <FONT>  <Font>
  • 如果標籤中有屬性  屬性與標籤名之間要有一個空格  如果一個標籤內有多個屬性 屬性與屬性之間要有一個空格  屬性要寫在開始標籤中  不能寫在結束標籤中
  • 如果標籤中有屬性  屬性的值是需要加引號的  單引號和雙引號都可以 
  • 每一個標籤都需要關閉，單邊標籤需要使用反斜線關閉！
  •  

標籤與標籤之間的嵌套只能使用順序嵌套  不能交叉嵌套

標籤可以有若干個屬性，也可以不帶屬性。如<head>標籤就不帶任何屬性

 


----------------------------------------------------------------------------------------------------------------------------------------------------

四：注釋

為什麼要寫注釋？

比如:方便項目組裡的其它程式員瞭解你的代碼,而且可以方便以後你對自己代碼的理解與修改等等。

可以在HTML文檔中加入自己的注釋。注釋不會顯示在頁面中，它可以用來提醒程式員回憶相關的程式資訊。

注釋的格式：

       <!—注釋的內容-->

 


----------------------------------------------------------------------------------------------------------------------------------------------------

 

五：字元實體

在 HTML 中，某些字元是預留的。

在 HTML 中不能使用小於符號（<）和大於符號（>），這是因為瀏覽器會誤認為它們是標籤。

如果希望正確地顯示預留字元，我們必須在 HTML 原始碼中使用字元實體。

空格

&nbsp;

> 

&gt;

< 

&lt;

&

&amp;

￥

&yen;

著作權

&copy;

註冊

&reg;

×

&times;

÷

&divide;

 

HTML知識點梳理（一）

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
html include html fragment display html in html html code in html html html tag html include html html within html html grid
相關文章
自學成才的秘密：115個 web Develop 資源_經典網摘
H5 中html 頁面存為圖片並長按 儲存
__x__(20)0907第四天__ css 框模型
JS如何判斷文字是全形還是半形（轉載）
Citrix NetScaler產品學習筆記之一：Citrix NetScaler概述

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More