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: 右側邊框