前端開發(fā)之--初識HTML

題圖:初識HTML

簡介:

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

基本概念:

HTML標簽

  • HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
  • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
  • HTML 標簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
  • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽和閉合標簽

HTML 文檔 = 網頁

  • HTML 文檔描述網頁
  • HTML 文檔包含 HTML 標簽和純文本
  • HTML 文檔也被稱為網頁

詳細概念請見下圖:

01-HTML基本概念.png

認識HTML:

HTML的發(fā)展史

Paste_Image.png

HTML基本結構

02-認識HTML.png

HTML基本標簽

03-基礎標簽.png

HTML列表標簽

常見的HTML列表標簽分為三種:

  • 無序列表
  • 有序列表
  • 定義列表三種。


    04-列表標簽.png

HTML表格標簽

05-表格標簽.png

HTML表單標簽

06-表單標簽.png

HTML多媒體標簽

07-多媒體標簽.png

HTML中被廢棄的標簽

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

被廢棄的標簽有:

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

HTML中的字符實體

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

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

文章引用

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

聲明
本文只做學習記錄使用,分享出來供大家學習參考。文章中如有錯誤歡迎批評指正,謝謝。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

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

友情鏈接更多精彩內容