后端碼農談前端(HTML篇)第一課:HTML概述


一、什么是HTML?

HTML不是編程語言,是用來描述網頁文檔(頁面結構)的一種標記語言;

HTML指超文本標記語言(Hyper Text Markup Language),之所以稱為超文本標記語言,是因為文本中包含了所謂“超級鏈接”點。;

HTML規定了自己的語法規則,用來表示比“文本”更豐富的意義,比如圖片,表格,鏈接等。瀏覽器 (IE,FireFox等)軟件知道HTML語言的語法,可以用來查看HTML文檔。目前互聯網上的絕大部分網頁都是使用HTML編寫的。

二、HTML是什么樣的?

簡單地來說,HTML的語法就是給文本加上表明文本含義的標簽(Tag),讓用戶(人或程序)能對文本得到更好的理解。

下面是一個最簡單的HTML文檔:

<html>
  <head>
    <title>第一個Html文檔</title>
  </head>
  <body>
    歡迎訪問<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>! 
 
  </body>
</html>

所有的HTML文檔都應該有一個<html>元素,<html>元素可以包含兩個部分:<head>和<body>。

<head>元素用於包含整個文檔的一般信息,比如文檔的標題(<title>元素用於包含標題),對整個文檔的描述,文檔的關鍵字等等。

文檔的具體內容就要放在<body>元素里。<a>元素用於表示鏈接,在瀏覽器(如IE,Firefox等)中查看HTML文檔時,點擊<a>標簽括起來的內容時, 通常會跳轉到另一個頁面。這個要跳轉到的頁面的地址由<a>元素的href屬性指定。上面的<a href=http://hanzhaoxin.cnblogs.com/>中,href屬性的值就是http://hanzhaoxin.cnblogs.com/。

三、HTML文檔可以包含哪些內容 ?

通過不同的標簽,HTML文檔可以包含不同的內容,比如文本,鏈接,圖片,列表,表格,表單,框架等。 

  • 文本 :HTML對文本的支持是最豐富的,你可以設置不同級別的標題,分段和換行,可以指定文本的語義和外觀,可以說明文本是引用自其它的地方,等等等等。 
  • 鏈接 :鏈接用來指出內容與另一個頁面或當前頁面某個地方有關。 
  • 圖片 :圖片用於使頁面更加美觀,或提供更多的信息。 
  • 列表 :列表用於說明一系列條目是彼此相關的。 
  • 表格 :表格是按行與列將數據組織在一起的形式。也有不少人使用表格進行頁面布局。 
  • 表單 :表單通常由文本輸入框,按鈕,多選框,單選框,下拉列表等組成,使HTML頁面更有交互性。 
  • 框架 :框架使頁面里能包含其它的頁面。 

四、對於HTML我會說哪些概念?

文檔:HTML文檔俗稱網頁。

標簽:用尖括號包圍的關鍵詞我們成為標簽。通常HTML標簽成對出現,如:<a>、</a>。

  • 開始標簽:標簽對中的第一個標簽是開始標簽,也成為開放標簽。如<a>。
  • 結束標簽:標簽對中的第二個標簽是結束標簽,也成為閉合標簽。如</a>。

元素:我們把匹配的標簽對以及它們包圍的內容稱為元素。即(元素 = 開始標簽 + 內容 + 結束標簽)。如:<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>。

  • 塊級元素:在瀏覽器默認顯示時以新行來開始(和結束)的元素。
  • 內聯元素:又稱行內元素,在瀏覽器默認顯示時在同一行按從左至右順序顯示,不單獨占一行的元素。

屬性:開始標簽中那些以名稱/值對的形式出現的內容,我們稱之為屬性。如上例中:href="http://hanzhaoxin.cnblogs.com/"。(href是屬性名稱,"http://hanzhaoxin.cnblogs.com/"是屬性值)。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM