html基本結構
<!--文檔聲明-->
<!DOCTYPE html>
<!--定義html文檔的整體
‘lang=“en”’定義網頁的語言爲英文,定義成中文是'lang="zh-CN"'-->
<html lang="en">
<!--“<head>”標籤裏面負責對網頁進行一些設置以及定義標題,
設置包括定義網頁的編碼格式,外鏈css樣式文件和javascript文件等,
設置的內容不會顯示在網頁上,標題的內容會顯示在標題欄-->
<head>
<meta charset="UTF-8">
<title>網頁標題</title>
</head>
<!--“<body>”內編寫網頁上顯示的內容。-->
<body>
網頁顯示內容
</body>
</html>
html文檔規範
1、所有的標籤必須小寫
2、所有的屬性必須用雙引號括起來
3、所有標籤必須閉合
4、img 必須要加 alt 屬性(對圖片的描述)
html標題
通過 <h1>、<h2>、<h3>、<h4>、<h5>、<h6>
,標籤可以在網頁上定義6種級別的標題。6種級別的標題表示文檔的6級目錄層級關係。
html標籤特點
html的標籤大部分是成對出現的,少量是單個出現的,特定標籤之間可以相互嵌套,嵌套就是指一個標籤裏面可以包含一個或多個其他的標籤,包含的標籤和父標籤可以是同類型的,也可以是不同類型的:
<!-- 成對出現的標籤 -->
<body>......</body>
<p>......</p>
<div>......</div>
<b>......</b>
<!-- 單個出現的標籤 -->
<br />
<img src="..." />
<input type="..." />
<!-- 標籤之間的嵌套 -->
<p>
<span>...</span>
<a href="...">...</a>
</p>
<div>
<h3>...</h3>
<div>
<span>...</span>
<p>...</p>
</div>
</div>
html段落
<p>
標籤定義一個文本段落,一個段落含有默認的上下間距,段落之間會用這種默認間距隔開.
html換行
代碼中成段的文字,直接在代碼中回車換行,在渲染成網頁時候不認這種換行,如果真想換行,可以在代碼的段落中插入 <br />
來強制換行。