HTML使用方法實例分析

本文小編為大家詳細介紹“HTML使用方法實例分析”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當(dāng)，希望這篇“HTML使用方法實例分析”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

我們提供的服務(wù)有：成都做網(wǎng)站、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、上杭ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的上杭網(wǎng)站制作公司

首先使用 VSCode 編輯器新建一個文件，把這個文件的擴展名保存為 .html 或者 .htm，比如 MyFirstHTML.html。然后，在文件里面輸入 HTML:5，根據(jù)提示框的內(nèi)容進行選擇。

HTML使用方法實例分析

咱們就得到了 HTML5 這個版本的最基本的內(nèi)容啦！怎么樣？夠簡單吧。

HTML使用方法實例分析

當(dāng)然了，現(xiàn)在咱們還不知道這里面到底都寫什么，不要急~ 接下來，咱們就一個一個的來了解了解吧！

首先，映入咱們眼簾的是 <!DOCTYPE html>。它叫做 HTML 聲明，主要就是告訴瀏覽器這個 HTML 文檔的版本是什么，這樣的話瀏覽器就可以準確地進行解析和加載了。

但是，話說回來，現(xiàn)在的瀏覽器都已經(jīng)很強大了。也就是說，即使你在編寫 HTML 文檔時沒有寫 HTML 聲明，瀏覽器也可以很好地解析和加載的。不信的話，咱們來看個例子：

HTML使用方法實例分析

然后，咱們在瀏覽器中運行這個 HTML 文檔，看看結(jié)果如何？

HTML使用方法實例分析

可以看到，運行之后的 HTML 文檔，沒有任何的顯示問題。但是，可但是，我還是想和你說，盡量還是把 HTML 聲明加上吧！雖然 HTML 這妹子好說話，但不等于你就可以為所欲為了不是？！

閑話少敘，咱們還是繼續(xù)介紹 HTML 聲明。在第一個示例里面的 <!DOCTYPE html> 聲明，是屬于 HTML5 版本的。也就是說 HTML4 版本，不對，是 HTML4.01 版本的聲明和 HTML5 版本的是不一樣的。

HTML4.01 版本一共有 3 個聲明，其中最常用的是下面這個：

在這個基本結(jié)構(gòu)里面，除了 HTML 聲明以外，剩下的所有內(nèi)容咱們都可以叫做元素。比如咱們之前完成的這個示例：

HTML使用方法實例分析

咱們可以很清晰地看到一個元素中包含標簽和內(nèi)容，標簽還可以分為開始標簽和結(jié)束標簽。當(dāng)然了，一個元素也不一定必須有開始標簽和結(jié)束標簽，有時候可能只有開始標簽就行了。這是因為元素可以分成兩類：

上面咱們看到的 <h2> 元素就是一個閉合元素，因為它有開始標簽和閉合標簽。在 HTML 的基本結(jié)構(gòu)里面，咱們可以找到 <meta> 元素，這個元素就是一個空元素，因為它只有開始標簽，沒有結(jié)束標簽。

標簽名，你想用小寫、大寫還是大小寫混合在一起，都是可以的，例如 <meta>、<META> 或者 <Meta>。這是因為 HTML 大小不敏感，可是 W3C 的建議是小寫，而且現(xiàn)在的編輯器基本上提供的都是小寫。你也不用太糾結(jié)這個事兒，就想告訴你一聲而已。

一個元素除了標簽和內(nèi)容之外，其實在開始標簽里面還可以定義屬性。屬性是用來為某個元素定義一些額外的信息，比如名稱、樣式、ID等等。

說到這兒，你可能會問了，為啥屬性要定義在開始標簽里面，不是在結(jié)束標簽里面？前面咱們已經(jīng)說了，元素分為兩種：閉合元素和空元素。無論是閉合元素還是空元素都有開始標簽，但是空元素沒有結(jié)束標簽啊。如果你把屬性定義在結(jié)束標簽里面，明顯就是欺負人家空元素呢嘛！本來人家就是個單身狗，你還非要虐一虐，太不人道了！

HTML使用方法實例分析

元素的屬性也有兩個部分：屬性名稱和屬性值，這兩個就像一對情侶一樣，可不能給人家拆散了。當(dāng)然了，凡事都有例外，也存在那種屬性名和屬性值相同的，可以允許你只定義屬性名就行的。比如下面這種：

咱們可以看到 disabled 這個屬性就是可以只定義屬性名就行的，原因就是它的只也是 disabled。這種算是比較特殊的屬性，在 HTML 里面的數(shù)量不多。

再有，根據(jù)作用的不同，元素的屬性可以分為 4 類：

了解了 HTML 里面的元素和屬性之后，咱們再回頭看看之前生成的 HTML 基本結(jié)構(gòu)，這時很多就能看的明白了。但還是有些內(nèi)容需要繼續(xù)介紹給你的。

比如咱們可以看到，除了 HTML 聲明之外，有一個叫做 <html> 的元素，這個元素一般叫做根元素，這是因為所有其他的元素都是在它里面的。而且在一個 HTML 文檔中只能定義一個 <html> 元素，即便你在一個 HTML 文檔里面定義多個 <html> 元素，瀏覽器也就解析其中一個而已。

再比如顯示在瀏覽器窗口的內(nèi)容都是定義在 <body> 這個元素中的。即使你在不寫 HTML 基本結(jié)構(gòu)，直接定義具體的元素時，運行在瀏覽器之后，瀏覽器也會自動把這個元素放在 <body> 元素中的。

HTML使用方法實例分析

接下來，還有一個很重要的元素，就是 <head>。這個元素是用來定義 HTML 文檔的信息的，比如 <title>第一個 HTML</title> 定義了 HTML 文檔的標題為第一個 HTML。

讀到這里，這篇“HTML使用方法實例分析”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站欄目：HTML使用方法實例分析
當(dāng)前網(wǎng)址：http://jinyejixie.com/article38/ppsppp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供電子商務(wù)、品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化、營銷型網(wǎng)站建設(shè)、服務(wù)器托管、外貿(mào)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

HTML使用方法實例分析