web前端开发规范，前端架构从入门到微前端百度网盘
什么是HTML?
HTML: ( Hypertext Markup Language )超文本標記語言，是一種標識性的語言。它包括一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。
特點:
-
簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便;
-
可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證;
-
平臺無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平臺上;
-
通用性：另外，HTML是網絡的通用語言，一種簡單、通用的全置標記語言。它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器;
HTML的基本結構：
HTML文檔結構基本由以下四部分組成:
（1）文檔聲明：標志是： ，聲明這是一個HTML文檔。
（2）html標簽對：標志是： ，標簽的作用相當于程序在告訴網頁瀏覽器，整個網頁是從這里開始的，然后到結束。
（3）head標簽對：標志是：，head標簽是頁面的頭部。
（4）body標簽對：標志是：，body標簽是頁面的身體，一般網頁絕大多數的標簽代碼都是在這里進行編寫。
常用標簽：
標簽和標簽： 和 是沒有語義的，它們就是一個盒子，用來裝內容的。 ``` 這是div標簽 這是span標簽 ```
特點：
1）
2）標簽用來布局，一行上可以多個 。
圖像標簽：
在 HTML 標簽中， 標簽用于定義 HTML 頁面中的圖像。
<img src="圖像URL" />img 是單詞 image 的縮寫，意為圖像。src 是標簽的必須屬性，它用于指定圖像文件的路徑和文件名。
代碼示例:
<img src="./img/1.gif" alt="松鼠">標簽必需的屬性:
alt：規定圖像的替代文本。
src：規定顯示圖像的 URL。
url可以使用絕對路徑或者相對路徑：
- 絕對路徑：是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑。
- 相對路徑：是從代碼所在的這個文件出發，去尋找目標文件的，而我們這里所說的上一級 、下一級和同一級就是 圖片相對于 HTML 頁面的位置。
常用屬性:
- align ： 規定如何根據周圍的文本來排列圖像。
- border ： 定義圖像周圍的邊框。
- height：定義圖像的高度。
- width：設置圖像的寬度。
超鏈接
超鏈接可以讓我們從一個頁面跳轉到其他頁面，或者是當前頁面的其他的位置.
超鏈接的語法格式:
<a href="跳轉目標" target="目標窗口的彈出方式"> 文本或圖像 </a>常用屬性:
- href：URL 規定鏈接指向的頁面的 URL。
- hreflang：規定被鏈接文檔的語言。
- rel：規定當前文檔與被鏈接文檔之間的關系。
- target：規定在何處打開鏈接文檔。
- type：規定被鏈接文檔的的 MIME 類型。
鏈接分類:
外部鏈接:
例:
內部鏈接:網站內部頁面之間的相互鏈接. 直接鏈接內部頁面名稱即可，
例:
< a href="index.html"> 首頁 </a >。最后
一個好的心態和一個堅持的心很重要，很多沖著高薪的人想學習前端，但是能學到最后的沒有幾個，遇到困難就放棄了，這種人到處都是，就是因為有的東西難，所以他的回報才很大，我們評判一個前端開發者是什么水平，就是他解決問題的能力有多強。
分享一些簡單的前端面試題以及學習路線給大家，狂戳這里即可免費領取
能力有多強。
分享一些簡單的前端面試題以及學習路線給大家，狂戳這里即可免費領取
[外鏈圖片轉存中…(img-DPUriRn7-1627100028002)]
總結
以上是生活随笔為你收集整理的web前端开发规范，前端架构从入门到微前端百度网盘的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 批量更新数据（BatchUpdate）
- 下一篇： chrome浏览器中解决embed标签