Web前端 從入門到自閉

2022-09-01 07:39:08 字數 1976 閱讀 7252

標籤的快捷鍵:單詞 + tab鍵 +單詞

h5初始**:!+tab 快速建立符合規範的html

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

body

>

body

>

html

>

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...