技術 Web前端開發(2)持續更新

2021-09-20 01:23:03 字數 2346 閱讀 6656

| web前端開發(1)持續更新

html常用標籤:

標籤:

瀏覽器顯示效果

這裡我們對比一下發現:

標籤和標籤,以及標籤和標籤顯示的效果是一樣的。那麼有什麼區別呢,回答是沒有區別,哪個好記用哪個,比如很多人習慣用word,那麼肯定知道b就是加粗,但是現在html更趨進去語義化,從表面意思就可以看出來是加粗的意思,也是極為容易記住的。

標籤:

瀏覽器顯示效果

​通過瀏覽器中顯示,我們可以看到:標籤可以在文字上顯示出橫線刪除效果,比如某電商**三星手機原價6888,現價多少多少。但是,這裡會有這麼乙個問題,就是程式設計越界。咱們的html就是用來結構化**,樣式用css,但是這裡html標籤越界了。這樣就沒辦法讓我們的html和css分離。所以就有了css:style那一行**,同樣可以實現。我們後面會講css。

標籤:&;      <>

瀏覽器中顯示效果

我們可以看到,我在**裡打了很多個空格,可是在瀏覽器中顯示出來的僅僅只有乙個空格,這是為什麼呢,當然不是因為沒用谷歌或者火狐瀏覽器導致的,這個空格在**中表示的含義是文字分割符,因此無論在**中打了多少的空格,瀏覽器都只能分割字元。那麼要怎麼才能在**中打出空格的效果來呢?再看下面**:

瀏覽器中顯示效果

​我們可以看到,通過 ;可以實現空格的效果,同時這裡的**中還出現了《和》  它們分別代表小於號和大於號,因為小於號和大於號在html**中是標籤的一部分,因此不能直接使用,要用**轉譯。

同時,上面的**中還出現了

,注意,

是單標籤,它的作用是換行。

​標籤:

我們先寫**,看一下在瀏覽器中的效果:

**瀏覽器中顯示效果

不難看出,這是乙個列表標籤。並且是有序列表,很明顯,前面有數字嘛!

**瀏覽器中顯示效果

中有type=""這個屬性,中間可以寫上a,這個時候,瀏覽器中就顯示為a,b,c這種字母小標。

當然有人會問,能不能讓排序倒著,我們可以在type後再加上:reversed="reversed"​;就可以了。這時候總有好事網友會問,那能不能讓排序方式從2或者3開始,我不想從1開始。這時候,我告訴你,當然可以的!只要在type屬性後加上:start="2";  這個時候排序方式就可以從2開始了

​標籤:

**瀏覽器中顯示效果

不難看出,這個也是乙個列表,只是變成了無序的,那麼它有屬性麼?當然是有的,

type=「spuare」帶上這個屬性時,前面的黑色圓圈就變成了正方形的方塊。當然,你還可以換成空形圓。但是,你想在**中看到這樣醜的方式,恐怕也是很難的,那麼有沒有用呢,當然沒用。但是,往往越沒有用的東西,越是很重要。

為什麼說無序列表很重要,下面來具體解釋一下。幾乎每個**都有

,那麼它們在哪兒呢?不賣關子了,**的導航欄幾乎都是這玩意做到。後面我們在寫**導航欄的時候會具體講到怎麼用它來寫**導航欄。(因為還沒有講css,所以後面再講)

標籤:

是乙個單標籤,代表意思是,後面的屬性src是指向路徑,用來引入。

技術 Web前端開發(3)持續更新

接下來,新標籤 標籤 href hypertext reference 超文字引用 a標籤的英文單詞就是anchor,翻譯成中文叫錨,就是錨點的意思。注釋 html中的注釋,在注釋中寫入的 或者文字,都不會被解析。當 量過大或者過多時,使用注釋可以方便以後修正以及調錯。標籤 這個標籤可以說是目前階段...

web開發 web前端開發常用技術總結歸納

技術選型規範規範 vue版本 2.x 前端路由 vue route 非同步請求 axios 全域性狀態管理 vuex css預處理器 sass less h5專案移動端適配規則 使用rem單位 rem px換算規則統一 小程式 使用小程式自帶rpx單位,適配規則參考小程式文件 公用元件庫 ui元件庫...

前端效果 持續更新。。。

1.按下enter鍵,改變下面文字 顏色 實現如下 html部分 text id txt1 value placeholder 商品名稱 sp1 hello js部分 view code 2.全選 取消全選 實現如下 html部分 checkbox id ckall 全選 checkbox name...