HTML與CSS的基礎知識

2022-09-18 15:09:07 字數 2603 閱讀 9289

檔案,資料夾,命名統一使用英文;

資料夾,檔案命名精良不要出現特殊符號;

盡可能望文知意,列如測試(test),核心(main)。。一般資料夾下核心入口檔名用index;

html是結構,對應的是.html 字尾名;

css是樣式,對應的是.css字尾名。

二、html總結

一般我們採用谷歌瀏覽器瀏覽

html裡面有注釋和元素

元素包括了起始標記(起始標記名,屬性【屬性名,屬性值】),內容和結束標記

html文件結構中擁有一些元素,元素之間也有一些關係,如「html」是head的父元素,同理,head是html的子元素;「html」是link的祖先元素。

在我們書寫html檔案時,不可以讓元素相互包含。

三、css總結

css裡面有注釋和規則,注釋標記格式為(/*注釋內容*/)

規則裡面包括了選擇器和宣告塊

選擇器包括了:元素選擇器(標記名)、類選擇器(.類名)、id選擇器(#id值)

宣告快包括了:宣告(屬性)

有三種方式將css樣式引用到頁面中:使用外部樣式表;使用內部樣式表;使用行內樣式表

在開發時,可以使用css reset重置樣式,消除瀏覽器預設樣式的差異。

四、什麼是語義化

:html中不同的元素代表不同的含義;

使用具有含義的元素來書寫html文件,即語義化;

寫html文件最重要的,即為不同的內容選擇合適的元素;

語義化屬於html範疇,與樣式無關;

目前,html的最新版本是html5

,引入了更多的語義化元素。

五、語義化的作用:

有利於瀏覽器理解html文件;

重要的內容,瀏覽器在閱讀模式下不應該忽略該內容;

若瀏覽器有語音閱讀功能,應該重讀該元素中的內容;

若瀏覽器有語音閱讀功能,應該用一種特別的語調來閱讀該元素的內容;

有利於搜尋引擎理解html文件

搜尋引擎通過網際網路訪問頁面,搜尋引擎會閱讀這些頁面的html**,更好的語義化會幫助搜尋引擎理解頁面中每一段內容的含義有助於提公升站點的排名。

10.html5元素表列出了各種元素,並進行了顏色分類,相同顏色歸為一類。

超連結元素

點選超連結後會跳轉到另乙個頁面;

元素書寫格式:

目標">

內容 頁面開啟位置" href="

目標">

內容 href屬性:

頁面位址(路徑)

、錨點、

功能鏈結;

_blank 新視窗中開啟、

_self 預設值,當前視窗中開啟;

絕對路徑和相對路徑:

絕對路徑:

當**部署到伺服器後,**中的所有資源都可以通過乙個位址(路徑)

訪問。該位址(路徑)

的書寫格式為:協議://

網域名稱/目錄

示例:協議:http

網域名稱:www.google.com

目錄:根目錄

示例:協議:http

網域名稱:meyerweb.com

目錄:根目錄/eric/tools/css/reset/reset.css

種格式書寫的路徑,叫做絕對路徑。

絕對路徑的使用場景:

訪問站外資源時,只能使用絕對路徑;

訪問站內資源時,若**已部署到伺服器,可以使用絕對路徑,並可以省略協議和網域名稱。

七、相對路徑:

對路徑是相對於當前資源的位置,只能用於訪問站內資源;

相對路徑的書寫格式為:

./路徑

表示當前資源所在的目錄,必須作為相對路徑的開始,可省略;

../表示返回上一級目錄;

綜合示例:

絕對路徑(省略了協議和網域名稱)

相對路徑(省略了./)

...絕對路徑

...相對路徑(省略了./)

...絕對路徑(省略了協議和網域名稱)

...相對路徑(省略了./)

...相對路徑

站外資源:絕對路徑

八、文字元素:

h1~h6

:1級標題~6

級標題p:段落

blockquote:整段的引用

q:小段文字的引用

abbr:對縮寫詞的引用

strong:重要的文字

em:強調的文字

b:應突出顯示的文字

i:應區別對待的文字

九、結構元素:

div元素:

它是乙個非常常見的元素,它沒有任何的語義,它僅僅表示乙個容器,用於包含其他元素,在**布局時,它通常用於表示頁面的區域。

實體字元的書寫格式為:&實體名稱;

或實體編號;

空格:實體名稱 ; 實體編號 ;

(小於符號<):實體名稱<

實體編號 <<

;(大於符號》)實體名稱》; 實體編碼》;

(並且符號&)實體名稱&; 實體編碼&;

(版權符號@)實體名稱©; 實體編碼©;

Html 基礎知識

1 html常用簡單複習 2 文字相關標籤 color size face align 預格式文字,讓文字保持原來風格,英雄本色 特殊字元 3 超連結 href target blank 相對路徑 絕對路徑 c documentsand settings administrator 桌面 nonam...

HTML基礎知識

html標籤分為兩種 單標籤和雙標籤 單標籤 用於一些特殊的含義 br 換行,hr 水平線。雙標籤 用來封裝資料,展示特殊的格式 如一些特殊的字型 大小 顏色 font body html都是以html作為根標籤,然後是head和body。一般head標籤裡去寫title meta標籤。其中titl...

html 基礎知識

html 軟體的結構 c s client server 結構的軟體 比如 qq 極品飛車 飛信 迅雷 cs結構軟體的優點 減輕服務端的壓力,而且可以大量儲存資料在客戶端。b s browser server 結構的軟體 比如 微博 webqq web飛信 web迅雷 缺點 增加了服務端的壓力,bs...