HTML快速入門,全程圖片高能!

前言

      本篇通過不斷給網頁裏添加元素,最後製作成一張比較滿意的網頁來帶領大家一起學習HTML,若有疏漏,歡迎大家批評指正。

1.什麼是HTML?

      在介紹具體html標籤之前,先來簡單介紹一些概念。HTML是用來描述網頁的一種語言。

  • HTML指的是超文本標記語言(Hyper Text Markup Language)
  • HTML不是一種編程語言,而是一種標記語言。(所見即所得)
  • 標記語言是一套標記標籤
  • HTML使用標記標籤來描述網頁

      HTML文檔又叫網頁,包含HTML標籤和純文本。Web瀏覽器的作用是讀取HTML文檔,並以網頁的形式顯示出它們。小編這裏用的是Notepad編輯器,當然用記事本也是可以的,只需要把文件名的後綴改成.html就行了。OK,下面進入緊張赤雞的元素介紹環節。

2.元素介紹

標題、水平線、註釋
在這裏插入圖片描述
段落、換行、空格
在這裏插入圖片描述
字體樣式,背景顏色
在這裏插入圖片描述鏈接,插入圖像
在這裏插入圖片描述
表格
在這裏插入圖片描述
列表、塊、類
在這裏插入圖片描述
框架
在這裏插入圖片描述

最後放上背景圖片,簡單粗暴的完事了
在這裏插入圖片描述
      以上就是一張簡易網頁的製作過程,雖然最後成品很簡單,本來幾分鐘可以寫完的網頁,寫博客寫了兩個小時。。。相信看完之後的你也大致瞭解HTML了,具體細節可以參考W3schoolHTML教程

      最後,感謝你的光顧!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章