標籤的快捷鍵:單詞 + tab鍵 +單詞
h5初始**:!+tab 快速建立符合規範的html
doctype htmlhtml的注釋:>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>document
title
>
head
>
<
body
>
body
>
html
>
css的注釋: /* 注釋的內容 */
vscode快捷鍵是:ctrl + / 和 shift + alt + a
- 標籤可定義標題。
定義最大的標題。(尤為重要,乙個html檔案最好只出現1次
定義最小的標題。
【親自試一試】
標籤定義段落。
p 元素會自動在其前後建立一些空白。
【親自試一試】
下標 :
上標 :
刪除文字 :
插入文字 :
元素向網頁中嵌入一幅影象。用於展示
alt : 當出現問題的時候,可以顯示一段友好的提示文字。
前兩個是是必須屬性
title : 提示資訊
width、height : 的大小
【親自試一試】
【如何正確地使用影象】/
./ :代表檔案所在的目錄(可以省略不寫)
../
:代表檔案所在的父級目錄
../../
:代表檔案所在的父級目錄的父級目錄
路徑描述
picture.jpg 位於與當前網頁相同的資料夾
picture.jpg 位於當前資料夾的 images 資料夾中
picture.jpg 當前站點根目錄的 images 資料夾中
picture.jpg 位於當前資料夾的上一級資料夾中
【詳解】
標籤定義超連結,用於從一張頁面鏈結到另一張頁面。
屬性:target:(在何處開啟文件)
值
功能_blank
在新視窗中開啟
_self
預設。在當前視窗開啟
_parent
在父框架集中開啟被鏈結文件。
_top
在整個視窗中開啟被鏈結文件。
【w3c詳解】
可以做目錄常用
空格<
左尖括號
>
右尖括號
【html特殊字元編碼對照表】
列表間可以相互巢狀
【詳解】
標籤定義 html **
tr 元素定義**行,th 元素定義表頭,td 元素定義**單元。
屬性:注意點:
【詳細】
標籤用於為使用者輸入建立 html 表單。
表單能夠包含 標籤" href="" rel="noopener">input 元素,比如文字字段、核取方塊、單選框、提交按鈕等等。
表單還可以包含 標籤" href="" rel="noopener">menus、標籤" href="" rel="noopener">textarea、標籤" href="" rel="noopener">fieldset、標籤" href="" rel="noopener">legend 和 標籤" href="" rel="noopener">label 元素。
表單用於向伺服器傳輸資料。
【詳細】
Web前端從入門到精通自學之路
列乙個學習大綱 1.環境搭建 前端環境很好搭建,乙個開發工具即可,webstorm,hbuilder,vscode,sublime。初學者建議sublime 也不要裝外掛程式,沒有語法提示,可以打基礎 2.html基礎 帶你去認識html,讓你學習去執行html,等瀏覽器上面開啟你的頁面的時候,你會...
線段樹入門到自閉
線段樹是一種二叉樹,也就是對於乙個線段,我們會用乙個二叉樹來表示。可以進行一些區間的修改和查詢。線段樹通用的build方法 void build int k,int l,int r int mid l r 1 build ls k l,mid build rs k mid 1,r pushup k ...
web前端入門到實戰 CSS多級選單
這是乙個相當炫的功能,讓網頁看起來像桌面程式,如window的開始選單。實現原理基本和純css相簿差不多,但要注意的事項比較多,讓我們一步步來吧。先來乙個非常簡單的一級選單與懸停效果。結構很熟悉吧,就是把原來放的地方換成文字而已。我還特意標出來了。接著下來的表現層 非常簡單。menu menu li...