寒假總結 HTML入門基礎

2021-10-02 23:39:22 字數 2704 閱讀 6769

< hn align="對齊方式「> 標題文字

align屬性值:

left

標題文字居左對齊

right

標題文字具有對其

center

標題文字居中對齊

< p align="對齊方式「> 段落文字

align屬性值

left

段落左對齊

right

段落右對齊

center

段落居中對齊

< hr 屬性=「屬性值」 /> < hr />是單標記

< hr />常用屬性

屬性名含義

屬性值align

設定水平線的對齊方式

可選擇left,right,center三種值,預設為center,居中對齊

size

設定水平線的粗細

以畫素為單位,預設值為2畫素

color

設定水平線的顏色

可用顏色名稱,十六進製制#rgb,rgb(r,g,b)

width

水平線的寬度

可以是確定的畫素值,也可以是瀏覽器視窗的百分比,預設為100%

在html中,乙個段落中的文字會從左到右依次排列,知道瀏覽器視窗的右端,然後自動換行。如果希望某段文字強制換行顯示,就需要使用換行標記< br/>,這是如果還像是在word中直接enter鍵換行就不起作用了

< br/>標記雖然可以實現換行的效果,但並不能取代結構標記< p >, < h >

文字樣式標記

< font 屬性=「屬性值」>文字內容< /font>

屬性名含義

face

設定文字的字型,例如微軟雅黑,黑體,宋體等

size

設定文字的大小,可取1-7間的整數值

color

設定文字的顏色

例如:

"2" color="blue">我是二號藍色文字

"5" color="red">我是五號紅色文字

常用文字格式化標記
標記

顯示效果

< br >< /br> 和< strong>< /strong>

文字以粗體方式顯示

< i>< /i>和< em>< /em>

文字以斜體方式顯示

< s>< /s>和< del>< /del>

文字以加刪除線方式顯示

< u>< /u>和< ins>< /ins>

文字以加下劃線方式顯示

我是正常的文字 

我是使用strong 標記加粗的文字

我是使用em 標記傾斜的文字

我是使用del標記帶刪除線的文字

我是使用ins標記帶下劃線的文字

特殊字元

描述字元**

空格符  ;

<

小於號< ;

>

大於 ;&和號

& ;¥

人民幣¥ ;

版權© ;

®註冊商標

® ;°

攝氏度° ;

±正負號

± ;×

乘號× ;÷除號

÷ ;²

上標2² ;

³上標3

³ ;< img src=「影象url」 />

語法中src屬性用於指定影象檔案的途徑和檔名,它是img標記的必需屬性

< /img>標記的屬性

屬性屬性值

描述src

url影象的路徑

alt文字

影象不能顯示時的替換文字

title

文字滑鼠懸停時現實的內容

width

畫素(xhtml不支援%頁面百分比)

設定影象的寬度

height

畫素(xhtml不支援%頁面百分比)

設定影象的高度

border

數字設定影象邊框的寬度

vspace

畫素設定影象頂部和底部的空白(垂直邊距)

hspace

畫素設定影象左側和右側的空白(水平邊距)

align

left

將影象對齊到左邊

align

right

將影象對齊到右邊

align

top將影象的頂端和文字的第一行文字對齊,其他文字居影象下方

align

midddle

將影象的水平中線和文字的第一行文字對齊,其他文字居影象下方

align

bottom

將影象的底部和文字的第一行文字對齊,其他文字居影象下方

相對路徑與絕對路徑

絕對路徑

絕對路徑一般指帶有碟符的路徑,

例如:「d\html+css網頁製作\chapter02\img\logo.gif",

或者是完整的網路位址,

例如:」http:\www.itcast.cn/images/logo.gif"。

相對路徑

①影象檔案和html檔案位於同乙個資料夾:只需要輸入影象檔案的名稱即可,

如② 影象檔案位於html檔案的下一級資料夾:輸入資料夾的名和檔名,檔案間用"/「隔開,

如③影象檔案位於html檔案的上一級資料夾:在檔名之前加入「…/」,如果上上兩級,則需要使用」…/…/" ,以此類推,如

HTML入門總結

這篇文章完全是乙個個人總結,接受完大佬的教導之後,激動之下,按照指導新手入門的思路進行了下面的編碼,頁面很粗糙,沒有任何的美化,只是為了看屬性 樣式 特殊標籤的效果!本頁入門思路的核心在於,第一步 分離樣式和標籤,在乙個標籤上設定樣式,以此說明其他標籤也可以進行此樣式設定 第二步 進入頁面排版階段,...

html 基礎入門

html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...

HTML基礎入門

可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...