##html注釋
-作用:解釋某一段程式或者某一行**是什麼意思,方便程式猿之間的交流。 -
格式:
-注意點: -
注釋的內容不會在瀏覽器中顯示,注釋是寫給我們開發者看的。 -
如何在webstorm中中快速新增注釋 -
快捷鍵:ctrl+/
##img標籤
-作用:img標籤中的img其實是image的縮寫 -
所以img標籤的作用就是告訴瀏覽器我們需要顯示一張** -
格式:其實img標籤中的src是英文的source的縮寫 -
所以img標籤中的src就是來告訴img標籤,顯示的名稱 -
注意點: -
和h系列標籤/p標籤和hr標籤不一樣,img標籤不會獨佔一行 -
如果我們手動指定了img標籤顯示的的寬度和高度,有可能會導致變形 -
那麼如果又想指定寬高,又不想變形,我們可以只指定寬高中的乙個屬性值,系統就會自動計算出剩餘乙個屬性值,從而達到等比例變形 -
屬性:(width,height,title,alt) -
格式,直接寫在src後,
-width
:寬度
-height
:高度
所以在img標籤中這兩個屬性的作用
就是用來告訴img標籤將來需要顯示的有多寬有多高
如果img標籤中沒有指定需要顯示的的寬高
那麼系統會按照預設的寬高來顯示
如果img標籤指定的寬高,那麼系統會按照指定的寬高來顯示
-title
-alt #
br#標籤 -
作用:換行 -
格式:
-注意點: -
多個br標籤可以連續使用,使用多少個br標籤就會換多少行
由於html的作用就是用來給文字新增語義,而br標籤的語義不是另起乙個段落換行,而在企業開發中一般情況下需要換行都是因為需要另起乙個段落,所以在企業開發中很少使用br標籤,反而有時候可以用p標籤包裹住需要換行的內容,達到換行目的。
HTML5前端開發入門之video audio標籤
1.什麼是video標籤?格式1 video 標籤的屬性 srcautoplay controls 用於告訴video標籤是否需要控制條 poster loop preload muted 靜音 width 寬度 height 高度 格式2 這個時候w3c未了解決這個問題,所以推出了第二個video...
HTML5前端開發入門之CSS浮動流
1.什麼是浮動元素的脫標?脫標 脫離標準流 當某乙個元素脫標以後,那麼這個元素看上去就像被從標準流中刪除了一樣,這個就是浮動元素的脫標 2.浮動元素脫標之後會有什麼影響?如果前面乙個元素浮動了,而後面乙個元素沒有浮動,那麼這個時候前面的乙個元素就會蓋住後面的乙個元素 1.浮動元素排序規則 1.1相同...
HTML5前端開發入門之CSS定位流
1.定位流分類 1.1相對定位 1.2絕對定位 1.3固定定位 1.4靜態定位 預設情況下元素就是靜態定位 2.什麼是相對定位?相對於自己在原來標準流中的位置進行移動 格式 position relative top 20px left 20px 3.相對定位注意點 3.1相對定位是不脫離標準流的,...