2 HTML簡介&標簽嵌套和並列關系&文檔聲明


HTML:Hyper Text Markup Language  超文本標簽語言(hyper:精力旺盛的 markup:標記 n noun)

  • HTML不是編程語言,而是一種標記語言(就是一套標記標簽),用於描述網頁,是網頁制作必備的。
  • 超文本是指頁面內可以包含圖片、鏈接、甚至音樂、程序等非文字元素。
  • HTML的結構包含頭和主題,頭提供網頁信息,主體提供網頁的具體內容。
  • HTML文檔包含標簽和文本內容,HTML文檔也叫作web頁面
  • HTML標簽和HTML元素通常都是同一個意思

網頁的本質就是超文本標記語言結合其他的web技術(腳本語言、公共網管接口、組件等)創造出來的。萬維網(web)建立在超文本基礎知識。

 

 

HTML骨架格式:

<html>   根標簽

  <head>  頭標簽

      <title></title> 標題標簽

  </head>

  <body>主體標簽

  </body>

</html>

  • 根標簽:HTML中標簽的根節點
  • 頭標簽:用於存放:title,meta,base
  • 標題標簽:讓頁面有一個屬於自己的標題
  • 主體標簽:頁面的主題部分

html和body標簽是父子關系,也叫嵌套關系。

head和body是兄弟關系,也叫並列關系。

 

web瀏覽器:

不會直接顯示HTML標簽,而是其通過使用標簽來決定如何向用戶展示HTML頁面的內容。

 

<!DOCTYPE>聲明:

用途:標准通用標記語言的文檔類型聲明,幫助瀏覽器正確顯示網頁。

特點: 不區分大小寫。以下均可用。

  • <!DOCTYPE html>
  • <!DOCTYPE HTML>
  • <!doctyPe htML>
  • <!DOCTYPE Html>

在不同的HTML版本中文檔類型的聲明不相同。

  • HTML5:<!DOCTYPE html>
  • HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文編碼:

在頭標簽的子標簽meta中設置charset為UTF-8

<meta charset="UTF-8">   charset:字符集

 


免責聲明!

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



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