1. 程式人生 > 其它 >html中的基本標記

html中的基本標記

1.標題筆記<h1>~<h6>

基本語法格式<hn align="對齊方式">標題文字</hn>

屬性值left:設定標題文字左對齊center:設定標題文字居中對齊right:設定標題文字右對齊

2.段落標題<p>用於定義一個獨立的段落,每個段落獨佔一行,並且段落之間有一定空隙

語法格式<p align="對齊方式">段落文字</p>

3.功能標記

<b>加粗標籤

<i><em>文字變斜體

<br>換行

<hr>水平線

4.圖片標記<img/>

src:要顯示圖片的路徑

alt:圖片沒有載入成功的提醒

title:滑鼠懸浮時的提示資訊

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

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

5.盒模型

1.盒模型可以看作是一個個盒子,每個盒子都佔據--定的空間,擁有寬度和高度。

寬度:width

高度:height

2.盒子是用來存放內容的,為了能在頁面中更好的佈局,體現更好的視覺效果擁有內間距、外間距、邊框等,可以通過以下屬性進行設定。

外邊距:

margin--top:頂部外間距

margin--bottom:底部外間距

margin-left:左側外間距

margin--right:右側外間距

內邊距:

padding-top:頂部內間距padding-bottom:底部內間距padding-left:左側內間距

padding-right:右側內間距

邊框:

border--top:頂部邊框

border--bottom:底部邊框border--left:左側邊框

border--right:右側邊框