< 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標籤中...