HTML入門基礎

2021-01-16 e鳴程序工作室

      一、HTML是什麼?

HTML是HyperText Markup Language的簡寫,中文稱之為超文本標記語言,是一種用於創建網頁的標準標記語言。超級文本標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按照從上到下的順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果(參考自百度百科)。

二、編輯器

HTML文件的擴展名是.html,每一個文件表示網站中的一個網頁文件,本身就是一個文本文件,我們可以使用window系統自帶的記事本進行編輯,也可以使用WebStorm、Visual Studio Code等專業的代碼編輯器進行編輯,專業的代碼編輯器通常會有代碼輔助及糾錯,可以提高我們的編碼速度和質量。

三、基本頁面格式:

<!DOCTYPE html>

<html>

<head>

   <meta charset="UTF-8">

   <title>標題</title>

</head>

<body>

 

</body>

</html>

說明:

1、<!DOCTYPE html>聲明必須是HTML 文檔的第一行,位於 <html> 標籤之前,它指示瀏覽器關於當前頁面使用HTML5本進行編寫的指令。

2、<html></html>成對出現的html標籤表示中間的字符都是html元素標籤。

3、<head></head>元素用於定義文檔信息,其內部至少包括meta元素(字符集等元數據)和title元素(頁面標題),還可以包括link、style、script、base等元素。

4、<body></body>正文標記符,我們頁面中所有看到的文本或元素都需要放到這個主體標籤中。

四、注意事項:

   1、HTML中不支持 空格、回車、制表符,它們都會被解析成一個空白字符。

   2、當編寫的HTML文件元素結構不完整、元素屬性名稱錯誤等情況發生時,瀏覽器不會因為錯誤而停止閱讀文件,出錯的元素只是不能夠正確顯示。

   3、除<base/>、<source/>、<br/> 、<hr/>、<img/>、<input/>這些自閉合標籤外,元素的開始標籤和結束標籤必須成對出現。

   4、結構類的html、head、body只能出現一次。

相關焦點

  • HTML入門基礎(002)
  • Html基礎:簡介、結構、標籤
    Html概念    1:html (Hyper   Text    Markup   Language )   中文譯為「超文本標記語言」,主要是通過html標記對網頁中的文本,圖片,聲音等內容進行描述
  • [微波入門]金屬波導入門系列-第一講-矩形波導
    >1、[微波入門]金屬波導入門系列-第一講-矩形波導 2、圓形波導   3、波導理論   4、波導仿真   5、其它補充波導作為傳輸線的一種,用途廣泛。收藏:阻抗匹配與史密斯(Smith)圓圖 基本原理學習電磁場和微波射頻必讀好書推薦[天線基礎]微波暗室中天線近遠場測試介紹(分享收藏)2、微波仿真軟體培訓(HFSS,FEKO,EastWave 每日打卡,初級入門班)已試運行4期,觀摩地址:http:/
  • HTML文檔的元素分析之一
    >將上面的內容寫入記事本中保存為.html文件:HTML基礎學習-1.html然後我們雙擊打開這個文件,看看瀏覽器的翻譯效果:我們再看看網頁的源碼:從上面的框架代碼,我們可以看出,一般的頁面,都有html元素,其一般內含兩個元素,一個是
  • 前端基礎系列——HTML(1)
    3.HTML骨架格式 <html>根標籤      <>尖括號括起來的就是標籤 標記      <head>頭標籤             <title></title>標題標籤 </head>
  • 0基礎新手電工如何快速入門?電工快速入門方法
    初學電工,必須從電工基礎知識學起,建議可以先買一本電工基礎專業書籍。也可以在網上看一些大學出的電工學方面的教學視頻。基礎理論很重要,電氣各種控制理論要搞明白。一年左右時間掌握系統理論是沒問題的。搞電氣,關鍵是實踐,有理論作為指導,多多動手。前提是,你必須對電氣有濃厚的興趣愛好,這樣進步就很快了。
  • 線性代數入門——計算方陣乘冪的基礎方法及典型例題
    系列簡介:這個系列文章講解線性代數的基礎內容,注重學習方法的培養。
  • Tensorflow 全網最全學習資料匯總之Tensorflow 的入門與安裝【2】
    本文將重點整理TensorFlow框架的入門和安裝教程。更多關於TensorFlow的深入介紹、應用項目以及各機器學習開源框架之間的對比等內容,請見雷鋒網的系列文章。《TensorFlow極速入門》連結:http://www.leiphone.com/news/201702/vJpJqREn7EyoAd09.html本文介紹了 graph 與 session 等基本組件,解釋了 rank 和 shape 等基礎數據結構概念,講解了一些 variable 需要注意的地方並介紹了
  • 玄空風水基礎知識入門
    揭秘玄空風水神秘的面紗,本文進行玄空風水基礎知識入門介紹。玄空之道,其大無邊,玄空學就是一門研究時間和空間風水,為人趨吉避兇為人改造命運的風水學問。   玄空飛星則是以地運、坐星、向星以及年月飛星的組合生克來斷住宅吉兇,玄空風水基礎知識入門介紹到此為此,後續可繼續關注本站深入解析。
  • 入門生物信息,門在哪?
    這一篇內容列舉幾個入門生物信息的角度 ,可以讓想要入門的夥伴知道門在什麼地方。另一篇文章會相對全面的列舉生物信息學常用軟體和方法。你既可以把它當成一個入門學習清單,也可以用來對照查找自己的知識盲區。ubuntu http://cn.ubuntu.com/download/雙系統管理工具 vmware workstation下載地址 https://www.vmware.com/products/workstation.html
  • 汽車基礎知識入門大全系列
    大家好,今後我將會持續不斷地更新,做有關於汽車基礎知識入門大全系列分享。從最基本的汽車結構知識,名詞含義,理論知識,汽車發展史等各方面跟大家一起交流學習,希望大家對汽車有更深的了解。前兩期跟大家分享了有關於汽車發動機的基礎知識,這期講汽車組成的另外一個部分--車身。
  • 水電安裝基礎知識 裝修入門注意事項
    水電安裝基礎知識 裝修入門注意事項 房天下房天下
  • I2C基礎知識入門簡單介紹
    I2C基礎知識入門簡單介紹 玩轉單片機 發表於 2020-12-02 14:29:05 廢話 I2C其實肝的我挺難受的,通訊協議這種規範往往可以摳出很多的細節
  • 入門主動PFC好選擇 安鈦克300W電源評測
    今天安鈦克為入門級的玩家帶來了一款具有獨特紅色外觀的電源BP300P,下面我們一起來看看。    對於入門級的玩家,他們在性能和外觀兩者中會以外觀為主,具有特點的外觀會吸引大多數入門級玩家的眼球。 http://power.zol.com.cn/277/2770315.html power.zol.com.cn true 中關村在線 http://power.zol.com.cn/277/2770315.html report 545     DIY
  • 完善基礎硬體方案 惠普Z230工作站6700元
    (中關村在線廣州辦事處)HP Z230 Tower是一款入門級的塔式工作站,這款工作站配備完善的基礎硬體方案,能夠有效幫助用戶提高專業工作效率,緊湊的外觀設計則帶來了更為靈活的部署方案。  http://gz.zol.com.cn/555/5559091.html gz.zol.com.cn
  • 43.95G名校電氣工程師全套視頻教程,公共+專業基礎,入門到高手
    43.95G名校電氣工程師全套視頻教程,公共+專業基礎,入門到高手註冊電氣工程師 公共基礎包含:材料力學,電工電子,法律法規,高數,工程經濟 ,化學,計算機,理論力學,流體力學,物理,信號與信息;專業基礎包含:電氣工程基礎 共10節,電機變壓器 共10節,電路、電磁場 共19節,模電+數電 共20節。
  • 分布式光伏基礎概念(入門篇)
    分布式光伏基礎概念(入門篇)發表於:2016-05-11 00:00:00     來源:中電電氣民用光伏分布式定義是指位於用戶附近,所發電能就地利用,以10KV(千伏)、220V、380V等級接入電網,且單個併網點總裝機容量不超過6MW(兆瓦)的光伏發電
  • CAD製圖初學入門常用技巧匯總,CAD零基礎也不怕!
    CAD製圖初學入門的小萌新們,最苦惱的莫過於:千辛萬苦,好不容易安裝的CAD軟體,在實際CAD設計繪圖中,居然遭遇各種問題。沒有CAD製圖初學入門教程、缺乏CAD大神指點、CAD圖紙資源極度匱乏,CAD小萌新們的成長之路,舉步維艱!
  • 【超全資源】自然語言處理(NLP)入門學習資源清單(部分資料下載)
    在您一頭扎進去閱讀本文之前,請注意,下面列表只是提供了非常通用的入門清單(有可能不完整)。 為了幫助讀者更好地閱讀,我在括號內添加了簡短的描述並對難度做了估計。最好具備基本的編程技能(例如Python)。
  • 弱電電工基礎技術手冊,新手從入門到精通利器!
    弱電電工基礎技術手冊,新手從入門到精通利器!大家熟悉的電工,一般都是從事高壓強電方面的工作,但是弱電電工的概念人們並不是很清楚,弱電電工是指從事建築物內部以及內部和外部間的信息交換與信息傳遞工程安裝維修工作的電工。如今,信息化發展越來越好,弱電電工在建築領域中起到的作用也越來越大。很多朋友都想要從事或者轉行做弱電,那麼如何進行更好地學習呢?