關於web前端學習

2021-07-30 02:57:00 字數 1736 閱讀 8433

html的學習:

1.html又可以叫做超文字標記(標籤/元素)語言

2.html語言的基本組成單位

1.單標籤的語法:《標籤名/>

2.雙標籤的語法:《標籤名》內容

開始標籤也可以被稱為開放標籤和閉合標籤。

3.標籤的屬性:《標籤名  標籤屬性="屬性值"/>   《標籤名  標籤屬性="屬性值">內容

3.html的基本機構

1.宣告

宣告有助於瀏覽器中正確顯示網頁。

在html5中宣告通常寫成以下形式

(注意是通常都是寫成這種形式的)

2.在寫之前要注意一點:要注意網頁的編碼宣告(utf-8),該編碼可以防止使用中文出現亂碼的情況。

3.基本機構 

( 在h5中使用該宣告)

//網頁的主體,在瀏覽器中需要顯示的內容

4.html中常用標籤(大標籤巢狀小標籤)

①.雙標籤:

標題標籤:h1 ,h2 ,h3 ,h4 ,h5  ,h6  。使用:標題 ,......注意:一般在網頁中h1標籤只出現一次,其他的標題標籤可以出現隨意次數。

段落標籤:p標籤。使用:內容

。注意:在使用p標籤的時候多個段落需要使用多個p標籤。例如:這是乙個段落

這是乙個段落2

字型加粗標籤:strong標籤 ,b標籤。使用:內容內容

字型傾斜標籤:em標籤 ,i標籤。使用:內容 ,內容。

span標籤

區塊標籤:div標籤 。使用:

.。注意:在div標籤中可以巢狀任意乙個標籤

列表標籤:有序列表標籤 :ol標籤,無序列表標籤:ul標籤,定義列表標籤:dl標籤。(具體內容可以見下文)

超連結標籤:a標籤。使用:文字或者(具體內容可以見下文)

列表標籤具體介紹:

有序列表:(預設顯示的是1234.....,可以修改type屬性來改變顯示樣式)

(type="a"表示將順序改為abc....。start="3"表示從第三個開始。reverse表示倒序)

列表項1

.....

無序列表:(預設的是實體點,可以通過修改type屬性來改變)

定義列表:

定義項描述項

target屬性預設值位_self:表示會在同乙個頁面開啟(即自身頁)。_blank則表示會在乙個新的頁面開啟

②.單標籤:

換行標籤

分割線標籤

③.特殊符號:  (空格)      >(大於號)    

路徑的介紹:

1.相對路徑:

①:兩個檔案在同乙個資料夾中時,路徑可以直接寫檔案的名字

②:兩個檔案在不同的資料夾中時,路徑應該這樣寫../images/ceshi.jpg

③:乙個在資料夾裡面乙個在資料夾外面時,路徑應該這樣寫images/ceshi.jpg

2.絕對路徑:(當路徑位本地的絕對路徑時,要在路徑前加上file:///)

本地路徑 file:///c:\users\administrator\downloads

網上路徑

1.gif:占用空間小,有失真壓縮,支援透明和動畫,但是顏色保留255種

2.jpg:占用空間大,有失真壓縮,不支援透明和動畫,顏色保留上萬種

3.png:占用空間最大,無失真壓縮,支援透明和動畫,顏色保留上萬種

html中的空元素:

沒有內容的html元素稱為空元素。關閉空元素的正確方式是在開始標籤中加入/

關於學習web前端的心得

關於學習web前端,其實我是乙個新手,才剛剛學習了幾天,但是覺得自己學的還可以,所以來分享一下我的學習心得。首先我們學習的是html,對於這個,其實還是蠻簡單的,就是需要自己去記東西。你把這些html的基本標籤給記熟了,在你自己寫 的時候就不會卡殼。然後接下來學習的就是css,這個還是比較難的,因為...

web前端學習 11 24 25

這應該是對html的學習吧,到css部分的時候先暫停了。html的學習應該就是其標籤的認識,現在先把所有學到的標籤列出來 1.2.3.4.5.這個部分似乎還有更多可加入屬性 6.7.8.9.10.11.12.13.14.15.16.17.18.target屬性似乎在xhtml1.1中被刪除 19.2...

web前端學習 5

今天學的內容比較多,大概是簡單的原因吧.html框架,垂直框架 它不能與body標籤同時使用。問 乙個框架做導航欄,另乙個框架做內容,怎樣才能讓內容欄的內容隨導航欄的選擇而改變呢?內聯框架 iframe xthml語法規則 1 屬性名稱必須小寫 2 屬性值必須加引號。3 屬性不能簡寫 4 用id屬性...