web前端html的學習內容

2021-09-26 10:27:51 字數 2936 閱讀 7481

實體:

&實體的名字;

大於 >;

小於 <;

空格  ;

版權 ©;

的標籤:

src=「的路徑」 alt=「的描述」,alt必須寫,網頁才可以檢錄,在沒顯示的情況下,可以顯示alt的描述;

相對路徑: 返回上一級目錄 / 返回幾級目錄 就寫幾個…/

的格式 jpg png gif

meta標籤:(1)設定網頁的關鍵字

(2)設定網頁的描述

(3)請求重定向

xhtml語法規範

大小寫都可以,一般情況下,都是用小寫

屬性的值,必須用引號,單引號雙引號都可以

自結束標籤,換行

內聯框架

使用超連結可以從乙個頁面跳轉到另乙個頁面,使用a標籤來建立超連結

href:指向鏈結跳轉目標位址,可以是相對路徑也可以是完整位址

a標籤中的·target屬性可以用來指定開啟鏈結的位置,_self,表示在當前視窗開啟,_blank,表示在新的視窗開啟,可以設定內聯框架的name屬性值,鏈結將會在

指定的內聯框架中開啟

我是乙個超連結

我是乙個超連結

我是乙個超連結

鏈結會開啟內聯框架

下劃線如果不知道鏈結位址,可以設定為

我是乙個超連結 id屬性,在同一頁面中只能有乙個,

回到頂部

內部樣式表:

或者可以使用外部樣式表:使用link標籤

html的注釋 <!-- --!>

css的注釋 /* */

css語法:

選擇器 宣告塊 宣告塊中包含許多宣告,名與值相互配對,中間用:隔開,宣告塊之間用;隔開。

塊元素: div對頁面布局 p表示段落 h1 h2 h3都表示標題 會獨佔一行

塊元素中不能包含塊元素,一般是塊元素包含內聯元素,a元素可以包含任何元素,出了他本身,p元素中不能包含任何元素。

input 輸入文字框 :focus獲取焦點 文字框獲取焦點後,修改樣式 input:focus{}

為p標籤中選中的內容使用樣式,可以使用::selection 在火狐中編寫方式::-moz-selection

使用偽元素來表示元素中一些特殊的位置,1:為p中第乙個字元設定特殊樣式,背景 p:first-letter 2:為p中的第一行設定乙個背景,文字樣式 3: p:before表示元素最前邊的部分,一般before都需要結合content樣式一起使用,content

可以向before 或 after 的位置新增一些內容, :after表示元素的最後邊的部分。

屬性選擇器

[屬性名] 選取含有指定屬性的元素

[屬性名=「屬性值」] 選取含有指定屬性值的元素

[屬性名^=「屬性值」] 選取含有指定內容開始的元素

[屬性名$=「屬性值」] 選取含有指定內容結尾的元素

[屬性名*=「屬性值」] 選取屬性值以包含指定內容的元素

子元素選擇器:

:first-child 可以選擇第乙個子元素

:last-child 可以選擇最後乙個子元素

:nth-child() 可以選擇任意元素,後邊指定引數,even 表示偶數字置 odd 表示奇數字置

:first-of-type

:last-of-type

:nth-of-type

和上述類似,只不過child,是所有的子元素中排列,type,是在當前型別中排列。

兄弟元素選擇器:

前乙個+後乙個 緊跟著的後乙個兄弟元素

前乙個~後面所有的兄弟元素

否定選擇器:

:not()可以從選中的元素中剔除某些元素

優先順序的規則

內聯樣式(style),優先順序1000

id選擇器, 優先順序100

類和偽類, 優先順序10

元素選擇器, 優先順序1

通配*, 優先順序0

繼承的樣式, 沒有優先順序

當選擇器包含多種選擇器時,將多種選擇器的優先順序相加後比較,優先順序計算不會超過他的最大數量級,如果選擇器優先順序相同,則選擇靠後的樣式

並集選擇器的優先順序是單獨計算 div, p, #p1, .hello{}

在樣式的最後,加!important,則此時樣式將會獲得最高優先順序,高於內聯樣式。

偽類的順序:

a:link

a:visited

a:hover

a:active 簡稱: l v h a love hate

文字標籤:

語氣的強調,預設使用斜體顯示

內容的強調,預設使用粗體顯示

內容使用斜體顯示

內容使用粗體顯示

表示一些細則一類的內容,合同中的小字等

加書名號的內容,不是參考內容

行內引用,瀏覽器預設加引號

表示常引用,會獨佔一行

設定上標

設定下標

自動新增刪除線

自動新增下劃線

預格式標籤,儲存**中的格式,一般與來表示。 

無序列表

中間用

為文字設定水印:placeholder=「」;

單獨為ie6設定乙個背景不隨元素滾動:-background-attachment:fixed;

設定字型大小為0,去除空格: .icom

寒假Web前端學習 HTML基礎一

博主寒假自學web前端的筆記,寫這個也是想看看自己的學習進度,順便督促以下自己。有一說一,中國大學mooc是真的好用,感興趣的都可以去看看,好的大學沒有圍牆。一.html基礎 命令 文件型別 符合html5標準 en lang 屬性 搜尋引擎 en 英文zh 中文瀏覽器 utf 8 國際編碼。所有語...

Web前端學習筆記 HTML常用標籤

文字標題標籤 h1 h6 特點 有預設樣式 文字會加粗 字型大小不一樣 h2 h6 板塊的標題 一段敘述性文字的標題。注 h1 h6 不能互相巢狀 文字的加粗 文字的傾斜 加粗 語義化 表示強調 傾斜 下劃線 水平線 換行符 下劃線 水平線 換行符 段落標記 一般用來放一段敘述性文字。注 p標籤不能...

web前端 HTML元素 002

html文件由巢狀的html元素構成 例項 這是乙個段落。p body html 以上例項包含來三個html元素構成 例項解析 這是第乙個段落。p 這個元素定義了html文件中的乙個段落。這個元素擁有乙個開始標籤以及乙個結束標籤 元素的內容是 這是第乙個段落。這是乙個段落。p body 元素定義ht...