整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          巧用 CSS 實現酷炫的充電動畫

          巧用 CSS 實現酷炫的充電動畫

          擊上方 "程序員小樂"關注, 星標或置頂一起成長

          TML5的canvas技術制作網頁酷炫效果,可用于網頁首頁展示效果,增強用戶體驗!

          效果隨著你的點擊或者鼠標觸發即可隨時變化閃動的粒子!

          實現方法:

          html:

          css:

          js代碼:

          學習一門編程語言之前,了解它的特性,帶著對特性的好奇和疑問去學習是最快最好的學習方法。就像你知道某個地方有很多寶藏,帶著藏寶圖去尋找寶藏,你一定會大有收獲的。

          編程語言就是人與計算機進行溝通的語言,在現實生活中,見什么人說什么話我們都很清楚,那在與計算機溝通的世界中,做什么事用什么編程語言溝通也是同樣的道理,前提就是我們要了解這些編程語言,在你需要選擇的時候做出正確的判斷,這也正是我寫此篇文章的意義。


          什么是 HTML?


          HTML的英文全稱是 Hyper Text Marked Language,中文意思為超文本標記語言。

          什么是超文本標記語言?我們先對超文本標記這五個字進行一一的拆分,然后去更好的理解它的意思。在理解超文本時,我們先來理解一下文本在我們的日常生活中代指的是什么東西?

          文本包含了比如說你新建的一個Word文檔,一個txt文件,甚至一個Html文件。這三個文件有相同的地方, 也有不同的地方。

          相同的地方在于不論是Word文檔,還是txt文件或者是Html文件,我們都能編寫文本的內容。Word文檔的不同在于我們可以在Word文檔中設置一些超鏈接,放一些圖片等操作。

          txt文件就有一定的局限性,比如你放一張圖片或者設置超鏈接等這些行為都是不行。在Html文件中,可以存放文本、圖片、音頻、視頻等,甚至在網頁中見到的一些很炫酷的小游戲,都可以在Html文件中去編寫。

          那接下來解釋下超文本。我們在Html文件中編寫代碼,其實編寫的是超文本。所謂超文本,大家應該能聯想到超,即超出文本,超文本比文本更高一級,它包含了我們常見的音頻、視頻以及超鏈接等。

          這些被我們稱為超文本,在Html文件里面既能存放這些內容,也能存放文本內容,甚至是文章里的一級標題、二級標題、列表、選項等,都可以通過HTML代碼去編寫,這些內容我們就稱為超文本。

          那么這些內容到底用哪些來去展現或展示呢?標記。

          什么是標記呢?


          用百度官網來分析一下“標記”,在網頁頁面上存放很多的內容,有超鏈接、圖片、輸入框等。我們先看看右上角的新聞字樣,這是一個超鏈接,我們看下源碼,打開后的樣子是這樣的:

          我們把藍色的新聞部分,也就是我用紅框標記的部分復制一下,其他代碼刪除:


          “新聞”被左邊和右邊的“a”包裹起來了,這就構成了超鏈接,這就像我們常見的書名號。如果我們單是輸出紅樓夢字樣,就是一個文本,但如果用《》書名號包裹起來,《紅樓夢》,大家都能知道這是一本書。

          把包裹在“新聞”兩邊的a標簽對應包裹在紅樓夢兩邊的書名號來看很類似。用書名號這個標記把紅樓夢給包裹起來,就叫做書名,同理,用帶尖括號的a這個標記把新聞這個文本內容給包裹起來,在網頁中稱為超鏈接,這對帶尖括號的a就叫做標記。

          標記是用HTML自己的語法規則把文本內容給包裹起來,這就叫做標記。這種標記的書寫也非常簡單,包裹在文本左邊的叫開始標記,包裹在文本右邊的叫結束標記。我們看到的網頁中顯示的一級標題、二級標題、超鏈接、圖片、音頻等內容其實學習它們所對應的標記就可以了。


          HTML的歷史發展過程



          接著我們來看下HTML從最原始到現在至今整個HTML語言的歷史發展過程。

          • HTML 1.0:在1993年6月作為互聯網工程工作小組(IETF)工作草案發布,由此超文本標記語言第一版誕生。
          • HTML 2.0:1995年1 1月作為RFC 1866發布,于2000年6月發布之后被宣布已經過時。
          • HTML 3.2:1997年1月14日,HTML3.2版本誕生,成為W3C的推薦標準。
          • HTML 4.0:1997年12月18日,HTML4.0版本誕生,由此成為了W3C的推薦標準。
          • HTML 4.01(微小改進):1999年12月24日,HTML4.01版本誕生,成為W3C的推薦標準。
          • HTML 5:2014年10月28日,HTML5版本誕生,H5成為W3C推薦的標準。

          HTML5的誕生,標記著互聯網時代的發展。比如在HTML5里面誕生的音頻、視頻、圖像、動畫等都做了新的標準,它對于瀏覽器的兼容也是得到了一定的處理,由此可見,HTML的整個歷史發展目前為止我們所使用的版本主要是99年誕生的HTML 4.01以及2014年誕生的HTML5。



          HTML的應用


          時代在進步,科技在發展,這個超文本標記語言從HTML1.0版本發展到如今的HTML5版本,已經有了極大的改善。

          在以前的HTML版本中,常用的是對文本的編輯、超鏈接、圖片等,其用途很廣泛,許多公司用來創建和發布消息,比如布告、技術手冊、各種信函等,都能用它來描述。

          HTML是一門嚴謹的編程語言,有組織性、模塊化、規范化的。不過對于開發者而言,不同瀏覽器HTML的兼容性是考慮的問題。隨著HTML5的誕生,我們迎來了一個新的網絡世紀,各種動畫、音頻、視頻、圖像等炫酷的東西都可以做。還有各種小程序、小游戲以及App的開發應用數不勝數,其兼容性也得到了很大的改善,這意味著對前端的需求以及重視程度都有了極大的改變。

          HTML是前端很重要的一環,我們學好它才能在前端大軍中齊頭并進,在各種應用小程序的使用中游刃有余,未來的美好生活就掌握在你的手中。

          【END】

          主站蜘蛛池模板: 国产高清精品一区| 国产精品无码一区二区在线观一| 无码午夜人妻一区二区不卡视频| 久久亚洲一区二区| 国产精品亚洲不卡一区二区三区| 精品欧美一区二区在线观看| 末成年女A∨片一区二区| 久久精品一区二区国产| 少妇一夜三次一区二区| 无码一区18禁3D| 福利片免费一区二区三区| 免费萌白酱国产一区二区三区 | 在线视频亚洲一区| 天天躁日日躁狠狠躁一区| 日本午夜精品一区二区三区电影| 日本一区二区三区日本免费| 美日韩一区二区三区| 免费无码一区二区| 久久一区二区免费播放| 中文字幕aⅴ人妻一区二区| 亚洲AV乱码一区二区三区林ゆな| 日韩精品乱码AV一区二区| 亚洲丶国产丶欧美一区二区三区| 在线免费一区二区| 亚洲AV无码一区二三区| 亚洲香蕉久久一区二区 | 日本午夜精品一区二区三区电影| 亚洲一区二区三区写真| 国产精品亚洲高清一区二区| 精品久久一区二区| 日韩精品电影一区| 色婷婷综合久久久久中文一区二区| 91精品乱码一区二区三区| 国产福利电影一区二区三区,日韩伦理电影在线福 | 国产激情一区二区三区成人91| 午夜影视日本亚洲欧洲精品一区 | 色婷婷综合久久久久中文一区二区| 伊人久久大香线蕉AV一区二区| 中文字幕日韩一区二区三区不| 无码人妻精品一区二区蜜桃网站| 大伊香蕉精品一区视频在线|