前端開(kāi)發(fā)之--初識(shí)HTML

題圖:初識(shí)HTML

簡(jiǎn)介:

  • HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
  • HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)
  • HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言 (markup language)
  • HTML 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
  • HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
  • HTML通常只添加語(yǔ)義,不修改樣式

基本概念:

HTML標(biāo)簽

  • HTML 標(biāo)記標(biāo)簽通常被稱(chēng)為 HTML 標(biāo)簽 (HTML tag)。
  • HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞,比如 <html>
  • HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的,比如 <b> 和 </b>
  • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
  • 開(kāi)始和結(jié)束標(biāo)簽也被稱(chēng)為開(kāi)放標(biāo)簽和閉合標(biāo)簽

HTML 文檔 = 網(wǎng)頁(yè)

  • HTML 文檔描述網(wǎng)頁(yè)
  • HTML 文檔包含 HTML 標(biāo)簽和純文本
  • HTML 文檔也被稱(chēng)為網(wǎng)頁(yè)

詳細(xì)概念請(qǐng)見(jiàn)下圖:

01-HTML基本概念.png

認(rèn)識(shí)HTML:

HTML的發(fā)展史

Paste_Image.png

HTML基本結(jié)構(gòu)

02-認(rèn)識(shí)HTML.png

HTML基本標(biāo)簽

03-基礎(chǔ)標(biāo)簽.png

HTML列表標(biāo)簽

常見(jiàn)的HTML列表標(biāo)簽分為三種:

  • 無(wú)序列表
  • 有序列表
  • 定義列表三種。


    04-列表標(biāo)簽.png

HTML表格標(biāo)簽

05-表格標(biāo)簽.png

HTML表單標(biāo)簽

06-表單標(biāo)簽.png

HTML多媒體標(biāo)簽

07-多媒體標(biāo)簽.png

HTML中被廢棄的標(biāo)簽

由于HTML中的標(biāo)簽只有一個(gè)作用就是用來(lái)添加語(yǔ)義的,而早期的HTML中有一部分標(biāo)簽沒(méi)有語(yǔ)義是用來(lái)添加樣式的,所以有了CSS后就取代了這部分標(biāo)簽,在開(kāi)發(fā)中不建議使用。

被廢棄的標(biāo)簽有:

<br> : 給上下文本直接添加斷行
<hr>  :給文本添加分割線
<font> :給文本添加字體大小
<b>  :給文本添加粗體樣式
<u>  :給文本添加下劃線
<i>  :給文本添加斜體
<s>  :給文本添加刪除線
<strong> 和<em>一樣:  用于強(qiáng)調(diào)文本
<ins>  :定義插入的文字
<del> :定義被刪除的文字

HTML中的字符實(shí)體

HTML中有的字符是被HTML保留的,由于在HTML中這些字符有特殊含義,如果需要在web文本中顯示這些字符的時(shí)候就需要通過(guò)字符實(shí)體來(lái)描述。

&nbsp:表示一個(gè)空格,多個(gè)&nbsp就是多個(gè)空格
lt:小于符號(hào)"<" ,即less than
gt:大于符號(hào)">",即greater than
&copy:版本符號(hào)??
...

文章引用

  1. 思維導(dǎo)圖摘自李南江老師視頻教程中
  2. 部分概念摘自w3school

聲明
本文只做學(xué)習(xí)記錄使用,分享出來(lái)供大家學(xué)習(xí)參考。文章中如有錯(cuò)誤歡迎批評(píng)指正,謝謝。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 原 Blog 鏈接:HTML基礎(chǔ)學(xué)習(xí)筆記 自學(xué) html 基礎(chǔ)筆記 Web 前端簡(jiǎn)單介紹 web 前端包含: pc...
    任凱閱讀 1,412評(píng)論 0 5
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,837評(píng)論 18 139
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒(méi)有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,116評(píng)論 0 16
  • 一.HTML、XML、XHTML 有什么區(qū)別 什么是 HTML? HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper T...
    Sunset125閱讀 712評(píng)論 0 1
  • 什么是html? html是一種網(wǎng)頁(yè)標(biāo)記語(yǔ)言,叫超文本標(biāo)記語(yǔ)言,我們平時(shí)上網(wǎng)所看到的所有網(wǎng)頁(yè)均來(lái)自于html,英文...
    波段頂?shù)?/span>閱讀 8,400評(píng)論 2 7