HTML 從零開始的學習過程 1

2021-10-05 10:45:34 字數 2106 閱讀 8057

1.html的概念

html(hyper text markup language),超文字標記語言,使用一系列的標籤對文件、圖示以及其他資訊資源進行統一關聯。

特點

1.不需要編譯,直接由瀏覽器執行;

2.文字檔案;

3.檔案字尾名為html;

4.對大小寫不敏感。

2. html基礎語法部分

基本結構:

<

!doctype html>

<

!-- 文件型別宣告 --

>

<

!-- 頭部 --

>

<

!-- 標題 --

>

<

/title>

<

/head>

<

!-- 主體內容 --

>

內容<

/body>

<

/html>

注:注釋< ! --內容 – >

在實際展現時,會出現中文亂碼的情況,解決的方法是在head標籤中新增處理中文亂碼的標籤:

html<

/title>

<

!-- 處理中文亂碼標籤 --

>

"content-type" content=

"text/html;charset=utf-8"

>

<

/head>

3.一些常用標籤的介紹1.標題標籤

2.段落標籤

< p >… < /p >

html<

/p>

<

/body>

p標籤可以設定align屬性,具體有:

left:左對齊;

right:右對齊;

center:居中;

justify:兩端對齊。

"left"

>

html

<

/p>

<

/body>

3.預編譯標籤

< pre >…< /pre >

<

!-- 預編譯標籤 --

>

html

<

/pre>

<

/body>

此標籤的作用是可以將標籤內的內容的原本形式展現出來

4.修飾標籤和特殊符號

水平線:< hr/ >

文字斜體:< i >< /i >或< em >< /em >

文字加粗:< b >< /b >或< strong >< /strong >

上標:< sup >< /sup >

上下標:< sub >< /sub >

空格:  ;

換行:< br/ >

< ;---------<

> ;--------->

® ;已註冊

© ; 版權

&trade ; tm商標

自己嘗試將老師上課所講內容進行梳理簡化,便於日後自己查漏補缺,後面有待補充。

HTML 從零開始的學習過程(3)

結構 標題 caption 表頭 th 頭,內容居中顯示,加粗顯示 tr thead 主體 td 表體,預設靠左顯示,不加粗 tr tbody table 腳注 td 表體,預設靠左顯示,不加粗 tr tfoot body 屬性 frame 外部邊框樣式 void,不顯示外側邊框 above,顯示上...

HTML 從零開始的學習過程(5)

概念 css層疊樣式表 cascading style sheets 一種用來表現html或xml的語言。作用 結構與樣式分離的方式,便於後期的維護和修改 可以用多套樣式,使網頁有任意樣式切換的效果 使得頁面載入的更快,降低伺服器的成本。樣式分類 1.內部樣式 utf 8 document titl...

HTML 從零開始的學習過程(7)

position 定位 relative 相對 absolute 絕對 static 無定位 fixed 固定。相對定位 相對定位的偏移參考元素是元素本身,不會使元素脫離文件流,元素的初始衛視佔據的控制項會被保留 語法 position relative 相對定位的偏移是自己之前的位置作為參照進行的...