什么是HTML?

HTML: ( Hypertext Markup Language )超文本標(biāo)記語言，是一種標(biāo)識性的語言。它包括一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。

特點:

• 簡易性：超級文本標(biāo)記語言版本升級采用超集方式，從而更加靈活方便;

• 可擴(kuò)展性：超級文本標(biāo)記語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，超級文本標(biāo)記語言采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證;

• 平臺無關(guān)性：雖然個人計算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級文本標(biāo)記語言可以使用在廣泛的平臺上;

• 通用性：另外，HTML是網(wǎng)絡(luò)的通用語言，一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器;

HTML的基本結(jié)構(gòu)：

HTML文檔結(jié)構(gòu)基本由以下四部分組成:

（1）文檔聲明：標(biāo)志是： ，聲明這是一個HTML文檔。

（2）html標(biāo)簽對：標(biāo)志是： ，標(biāo)簽的作用相當(dāng)于程序在告訴網(wǎng)頁瀏覽器，整個網(wǎng)頁是從這里開始的，然后到結(jié)束。

（3）head標(biāo)簽對：標(biāo)志是：，head標(biāo)簽是頁面的頭部。

（4）body標(biāo)簽對：標(biāo)志是：，body標(biāo)簽是頁面的身體，一般網(wǎng)頁絕大多數(shù)的標(biāo)簽代碼都是在這里進(jìn)行編寫。

常用標(biāo)簽：

標(biāo)簽和標(biāo)簽：

和 是沒有語義的，它們就是一個盒子，用來裝內(nèi)容的。 ``` 這是div標(biāo)簽 這是span標(biāo)簽 ```

特點：
1）

標(biāo)簽用來布局，但是現(xiàn)在一行只能放一個。
2）標(biāo)簽用來布局，一行上可以多個 。

圖像標(biāo)簽：

在 HTML 標(biāo)簽中， 標(biāo)簽用于定義 HTML 頁面中的圖像。

<img src="圖像URL" />

img 是單詞 image 的縮寫，意為圖像。src 是標(biāo)簽的必須屬性，它用于指定圖像文件的路徑和文件名。

代碼示例:

<img src="./img/1.gif" alt="松鼠">

標(biāo)簽必需的屬性:

alt：規(guī)定圖像的替代文本。
src：規(guī)定顯示圖像的 URL。

url可以使用絕對路徑或者相對路徑：

• 絕對路徑：是指目錄下的絕對位置，直接到達(dá)目標(biāo)位置，通常是從盤符開始的路徑。
• 相對路徑：是從代碼所在的這個文件出發(fā)，去尋找目標(biāo)文件的，而我們這里所說的上一級 、下一級和同一級就是 圖片相對于 HTML 頁面的位置。

<!-- 相對路徑寫法 --> <!-- ./ 表示當(dāng)前文件所在目錄，即G:/images/ --> <!-- ./可省略不寫 --> <img src = "logo.png"/> <img src = "./logo.png"/><!-- ../ 表示當(dāng)前文件所在目錄的上級目錄，即G:/ --> <img src = "../images/logo.png"/><!-- /表示根路徑，即G:/ --> <img src = "/images/logo.png"/>

常用屬性:

• align ： 規(guī)定如何根據(jù)周圍的文本來排列圖像。
• border ： 定義圖像周圍的邊框。
• height：定義圖像的高度。
• width：設(shè)置圖像的寬度。

超鏈接

超鏈接可以讓我們從一個頁面跳轉(zhuǎn)到其他頁面，或者是當(dāng)前頁面的其他的位置.

超鏈接的語法格式:

<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式"> 文本或圖像 </a>

常用屬性:

• href：URL 規(guī)定鏈接指向的頁面的 URL。
• hreflang：規(guī)定被鏈接文檔的語言。
• rel：規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。
• target：規(guī)定在何處打開鏈接文檔。
• type：規(guī)定被鏈接文檔的的 MIME 類型。

鏈接分類:

外部鏈接:
例:

< a href="http:// www.baidu.com"> 百度</a >。

內(nèi)部鏈接:網(wǎng)站內(nèi)部頁面之間的相互鏈接. 直接鏈接內(nèi)部頁面名稱即可，

例:

< a href="index.html"> 首頁 </a >。

最后

一個好的心態(tài)和一個堅持的心很重要，很多沖著高薪的人想學(xué)習(xí)前端，但是能學(xué)到最后的沒有幾個，遇到困難就放棄了，這種人到處都是，就是因為有的東西難，所以他的回報才很大，我們評判一個前端開發(fā)者是什么水平，就是他解決問題的能力有多強(qiáng)。

分享一些簡單的前端面試題以及學(xué)習(xí)路線給大家，狂戳這里即可免費領(lǐng)取

能力有多強(qiáng)。

分享一些簡單的前端面試題以及學(xué)習(xí)路線給大家，狂戳這里即可免費領(lǐng)取

[外鏈圖片轉(zhuǎn)存中…(img-DPUriRn7-1627100028002)]

總結(jié)

以上是生活随笔為你收集整理的web前端开发规范，前端架构从入门到微前端百度网盘的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。