說說html是什么?

 生活雜談     |      2020-01-04 19:07
  大家好,我是你們的導師,我會堅持每天給大家整理一些干貨內容(當然周末也要允許老師休息一下哈)。昨天給大家整理了一下前端的學習路線,是不是感覺前端的體系很豐富很龐大?沒有關系,從今天開始,我會給大家繼續整理細節的知識點。我們先從HTML開始。
  對于IT相關專業的同學來說,HTML或許已經非常熟悉,但是有很多同學是非IT專業轉行的,說到HTML都會好奇:HTML是啥?那我今天來跟大家分享下。
  1. 什么叫“上網”?
  “上網”這個詞對于我們來說并不陌生,打開電腦,打開瀏覽器,輸入想關鍵詞,然后就會找到相應的網頁。為什么通過我們在電腦上能看到網頁上的內容呢?
  事實上,上網就是請求數據,一個真實的物理的文件傳輸。網頁其實就是包括html文件、css文件、js文件、圖片等文件在電腦上渲染、呈遞的結果。
  制作網頁者將網頁上傳至服務器之后,訪問者即可通過搜索引擎向服務器發出HTTP請求,服務器收到請求,就會把這些文件通過HTTP協議傳輸到計算機中,并保存進一個臨時文件夾中,在本地瀏覽器中渲染、呈遞之后,就獲得這個網頁了。如圖:

html是什么
  注:什么是HTTP協議,即Hypertext Transfer Protocol 的縮寫,意思是“超文本傳輸協議”。
  2. HTML基礎知識
  HTML是英語HyperText Markup Language的縮寫,超文本標記語言,她是一種負責描述文檔語義的語言。HTML是純文本文件,只有文本,沒有樣式,文件后綴名是“html”。HTML通過標簽給文本添加語義。HTML之所以稱為“超文本”,是因為它可以通過超鏈接,連接不同空間的文檔,進而與整個web網絡連接起來。
  3. HTML常用標簽
  HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
  HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>。
  HTML 標簽通常是成對出現的,比如 <p> 和 </p>。
  標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽。
  常用的標簽簡介
  html基本骨架標簽
  <!DOCTYPE ……>
  <html>
  <head>
  <title>文檔的標題</title>
  </head>
  <body>
  文檔的內容......
  </body>
  </html>
  * <!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令,沒有結束標簽,必須是 HTML 文檔的第一行,位于 <html> 標簽之前。
  * <html>是文檔的根元素,<html> 與 </html> 標簽限定了文檔的開始點和結束點,在它們之間是文檔的頭部和主體。文檔的頭部由 <head> 標簽定義,主體由 <body> 標簽定義,所有html文檔都有這個基本骨架。
  h系列
  <h1></h1> 一級標題
  <h2></h2> 二級標題
  ……
  <h6></h6> 六級標題
  h標簽沒有嵌套關系,是一個容器級標簽,理論上可以里面可以放文本級標簽。
  p標簽:英語paragraph“段落”縮寫,給文本添加段落語義。p標簽是一個文本級標簽,里面只能放文字、圖片、表單元素。
  3. HTML分類
  HTML是一種標記語言,所以存在大量用來給文本定義語義的標簽,這些標簽就是就是HTML語言的血肉。HTML標簽根據形式的不同,可分為對兒標簽和自閉標簽。
  對兒標簽:
  1. <html></html>
  2. <title></title>
  3. <body></body>
  4. <h1></h1>
  5. <p></p>
  未完待續……
  自閉標簽
  1.<img/> 給文本定義圖像
  2.<br/> 給文本換行
  3.<input/>
  未完待續……
  根據HTML標簽容量的特性,可分為容器級和文本級標簽。
  容器級標簽
  1.<div></div> division定義文檔中的分區或節
  2.<h></h>
  3.<ul></ul> unorderlist 定義無序列表
  4.<ol></ol> orderlist 定義有序列表
  5.<dl></dl> definition 定義定義列表
  6.<li></li> list 定義列表項目
  7.<dt></dt> definition title 定義標題
  8.<dd></dd> definition description 定義表述詞兒
  文本級標簽:里面只能放文字、圖片、表單元素,不能放其他任何標簽。
  1.<span></span> 組合行內元素,以便通過樣式來格式化它們
  2.<p></p>
  好啦,這一章的知識就講到這里啦,“紙上得來終覺淺,絕知此事要躬行”,現在呢,咱們就用電腦自帶文本編輯器編寫出人生第一個網頁吧。
  新建一個txt文件,內容如下:
  然后把txt文檔后綴名改為html,用瀏覽器打開。如下:
  哈哈哈,這是女神鄧麗君的著名歌曲《微風細雨》的歌詞,老師正單曲循環中,由此可見,老師是上了年紀的人了。。