什么是HTML
HTML (HyperText Markup Language) 是一種標(biāo)記語言(不是一種編程語言),用于說明瀏覽器是如何構(gòu)造網(wǎng)頁的(使用標(biāo)記標(biāo)簽)。它可以根據(jù)需要復(fù)雜或簡單。
常用標(biāo)簽
HTML標(biāo)簽通常成對(duì)出現(xiàn),比如<h1>與</h1>。第一個(gè)標(biāo)簽是開始標(biāo)簽,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽。兩個(gè)標(biāo)簽之間為元素的內(nèi)容,有些標(biāo)簽沒有內(nèi)容,為空元素。
<html>
<html>標(biāo)簽中包含了html文檔的內(nèi)容,html標(biāo)簽都應(yīng)該寫在<html></html>之間(<!DOCTYPE>除外,它在html標(biāo)簽之前)。
<head>
<head>標(biāo)簽規(guī)定文檔相關(guān)的配置信息(元數(shù)據(jù)),包括文檔的標(biāo)題,引用的文檔樣式和腳本等。
<body>
<body>標(biāo)簽是網(wǎng)頁的主體,它包含網(wǎng)頁中呈現(xiàn)給用戶的元素。
<title>
<title>標(biāo)簽定義了網(wǎng)頁的標(biāo)題,瀏覽器會(huì)將其顯示在頁面標(biāo)簽上。
<meta>
<meta>標(biāo)簽定義了頁面的元信息,如:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />這句代碼就給出了文件類型和編碼信息。
<link>
<link>標(biāo)簽定義了文檔與外部資源的關(guān)系。
<h1>~<h6>
<h1>到<h6>定義了從大到小的標(biāo)題。
<p>
<p>標(biāo)簽被用來包含一個(gè)文字段落。
<a>
<a>標(biāo)簽用以在網(wǎng)頁中加入超鏈接。
<img>
<img>標(biāo)簽用以在網(wǎng)頁中插入圖片。
<span>
<span>標(biāo)簽區(qū)別于<p>標(biāo)簽的一點(diǎn)是,<span>標(biāo)簽是一個(gè)行內(nèi)元素,故可以用它調(diào)整一段文字中部分文字的樣式,而不會(huì)產(chǎn)生換行的問題。
<div>
<div>標(biāo)簽用以分區(qū)劃塊,常用于盒子模型,在網(wǎng)頁中劃分出一塊塊的功能區(qū)域。
<frame>
<frame>標(biāo)簽定義了框架集的窗口或框架。
表格
由<table>標(biāo)簽定義。
- width :設(shè)置表格的寬度
- height:設(shè)置表格的高度
- border:設(shè)置表格邊框?qū)挾?/li>
- bgcolor:設(shè)置表格的背景顏色
- cellpadding:內(nèi)邊距(單元格邊框與內(nèi)容之間的距離)
- cellspacing:外邊距(單元格之間的距離)
表格中的子元素:
- <tr></tr> 創(chuàng)建表行
- <td></td> 創(chuàng)建單元格
- <thead></thead> 表頭
- <tbody></tbody> 表主體
- <tfoot></tfoot> 表尾