前言：
我們要去實作阿里巴巴注冊界面，一個前端界面，我們應該去做一個什么內容？
我們這個的實作是用HTML語言來寫的，所以首先第一個呢，我們來認識一下什么是HTML，我們再來學習在HTML中間我們怎么樣去用它的語言，來把阿里巴巴注冊界面的一個實作，
認識HTML
如果我要問小伙伴們，什么是網頁，這個東西大家都會，都知道，
比如說用瀏覽器輸入網址打開的頁面，我們就把它叫做網頁，那如果我要問你，這個網頁它是怎么組成的？它是用什么語言來顯示的，那這一塊可能有些小伙伴就不知道了，那么我告訴你的話呢，我們所謂的這一些網頁，其實它就是由HTML語言呢，來構建的，
Hyper Text Markup Language(超文本標記語言)
我們在用工具，或者說檔案，這類記事本的這種編輯器去把HTML代碼去進行撰寫，撰寫了之后通過瀏覽的渲染跟處理，然后就編程了我們熟知的這一種網頁，
正文：
那么HTML的代碼長什么樣子的？接下來一起來看看，
比如說我想要知道百度首頁原始碼是長什么樣子的，直接按一下F12，那么它的HTML代碼就是長這個樣子的
里面包含了很多的內容，比如說我想知道百度這個按鈕，它的代碼是怎么寫的
百度的按鈕它就是一個input標簽
或者說百度這個LOGO它代碼是一個什么樣子的呢
它就是一個area 這樣子的一個標簽
你在這個界面上看到的每一個控制元件，其實它都有對應的一個語言來進行實作，那么它不同的一個標簽呢，它有不同的作用，因此我們想要學好這個HTML的話呢，其實你就是去學習HTML這些標簽的使用，
HTML是所有的編程語言中，最為簡單的，
因為第一個，它沒有所謂的這一種回圈，判斷，也沒有類，物件之類的，
你就只需要某個地方需要一個文字，我就在這里堆積一個文字，另外一個地方需要一個圖片，我就堆積一個圖片，按鈕同理，
其實它就是由各式各樣的控制元件給堆砌而成，這樣子的一門語言，相對來說是很好學的
通過瀏覽器渲染之后
我們為什么要學HTML，它的一個好處是什么，
其實對于測驗來說的話呢，如果你知道了它實作的原理，你要去測驗的話可以更全面，
第二個的話呢，HTML大家都知道，我們很多網頁、網站在我們市面上做一個流通，包括我們微信上面用到的一些小程式、H5的技術，其實都離不開這個HTML，包括我們主要用到的瀏覽器，HTML也是很支持的，正是因為它有這些優勢，所以我們更需要來了解它，
HTML的優勢
世界知名瀏覽器廠商對HTML5的支持
市場的需求
那我們要怎么樣去學會寫這個代碼，其實這個代碼很容易去寫，用什么工具來寫，是我們首先要來考慮的第一個問題，
對于工具這一塊，我們有很多的選擇
第一個，你可以用非常簡單的記事本來寫，就是我不需要安裝任何的環境，直接新建一個TXT的文本檔案，我就可以去寫HTML的代碼，你只需要把它的后綴改為.html就可以了，
只是說像這種方式的話呢，它非常不便于咱們去開發，因為它沒有關鍵字的提示，沒算錯了你也不知道，
因此在這一塊都會用到一些集成的開發工具，比如說有
那么我們今天用的呢，就是Visual Studio Code，那么這個工具能，也不需要小伙伴們去下載，如果你想要的話呢，公眾號主頁點擊領取資料，有機器小助手會發送給大家，拿到安裝包后直接雙擊把它打開，下一步下一步下一步，然后安裝完成就OK了，
!
這個工具就是我們去做HTML代碼撰寫的一個工具，可以很快的幫助你去做一些提示，如果遇到錯誤他會檢索出來，就很方便你去做開發、寫代碼，
那么在這個里面的話呢，首先給大家來看一下我們要實作的HTML，阿里巴巴注冊界面長什么樣子
在這里推薦一個軟體測驗交流群，QQ：642830685，群中會不定期的分享軟體測驗資源，測驗面試題以及行業資訊，大家可以在群中積極交流技術，
1.對于圖片我們改怎么去放？
2.對于文本怎么樣去放？
3.鏈接怎么去放？
4.需要輸入的資訊框怎么去放？
第一個HTML網頁
在VSCode中新建一個檔案，保存為.html格式，然后輸入html:5按tab鍵，即可創建出一個網頁，
為什么要輸入5呢?因為我們學習的是HTML最新的版本，就是HTML5創建出一個標準的骨架
HTML影像-image標簽
常見的影像格式:JPG/GIF/PNG/BMP
在HTML中，影像由標簽定義，
HTML超鏈接-a標簽
HTML使用超級鏈接與網路上的另一個檔案相連，超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅影像，您可以點擊這些內容來跳轉到新的檔案或者當前檔案中的某個部分，當您把滑鼠指標移動到網頁中的某個鏈接上時，箭頭會變為一只小手，
我們通過使用標簽在HTML中創建鏈接，
在這里推薦一個軟體測驗交流群，QQ：642830685，群中會不定期的分享軟體測驗資源，測驗面試題以及測驗行業資訊，大家可以在群中積極交流技術喔，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/251987.html
標籤：其他