HTML HTML簡介 HTML(Hyper TextMarkupLanguage) 超文本標記語言。 超文本： 超越了文本僅僅展示信息的功能範疇，泛指：圖片、有樣式的文字、超鏈接。 標記： 標簽。 語言： 工具。 HTML是由標簽所組成的語言，能展示超文本的效果。 HTML的語言特征 HTML代碼 ...
HTML
HTML簡介
HTML(Hyper TextMarkupLanguage) 超文本標記語言。
- 超文本： 超越了文本僅僅展示信息的功能範疇，泛指：圖片、有樣式的文字、超鏈接。
- 標記： 標簽。
- 語言： 工具。
HTML是由標簽所組成的語言，能展示超文本的效果。
HTML的語言特征
HTML代碼是由頭和體組成。
HTML文件的擴展名為html或者htm。
HTML文件由瀏覽器直接執行解析，無需編譯，直接由上到下依次解析執行。
HTML標簽通常由開始便簽和結束標簽組成，例如：<font>內容體</font>。
<!DOCTYPE html><!--文檔聲明-->
<html>
<head>
<title>頁面標題</title>
</head>
<body>
需要想用戶展示的信息
</body>
</html>註：推薦使用開發工具Notepad++、HBuilder。
字體標簽及格式化標簽
<font></font>標簽
字體標簽，用於展示效果中修飾文字樣式。
<font 屬性名="屬性值">文字</font>size：控制字體的大小，範圍1~7，超過範圍無效。
color：控制字體的顏色（例如：red,#ffff等）
face：控制字體的類型。只能設置系統字型檔中有的字體類型
<!DOCTYPE html>
<html>
<head>
<title>我的第一個示例</title>
</head>
<body>
<font color="red" size="7" face="java體">美好一天，從學習開始</font>
</body>
</html><br\>標簽
換行標簽，用於展示效果中換行，瀏覽器解析時會自動忽略。<p></p>標簽
段落標簽，用於展示效果中的劃分段落，並且自動在段前和段後自動加空白行。align:段落內容的對齊方式(left，right，center)，預設是left，內容居左。
<h1></h1>
標題標簽，用於展示效果中劃分標題，其中<h1></h1>最大，<h6></h6>最小。-  
空格符號，用於展示效果中顯示一個空白的位置。 - HTML註釋
格式：<!--HTML註釋內容-->
<!DOCTYPE html>
<html>
<head>
<title>我的第二個示例<title>
</head>
<body>
<h1>靜夜思標題</h1>
<h2>靜夜思標題</h2>
<h3>靜夜思標題</h3>
<h4>靜夜思標題</h4>
<h5>靜夜思標題</h5>
<h6>靜夜思標題</h6>>
靜夜思<br/>
李白<br/><br/>
床前明月光，
<p>疑是地上霜。</p>
<p>舉頭望明月，</p>
<p>低頭思故鄉。</p>
李 白
<!--你好，我是註釋-->
</body>
</html>圖片標簽
<img/>標簽
用於頁面效果中展示的一張圖片。src:指明圖片的路徑。（必有屬性）
圖片路徑的寫法：
絕對路徑：文件在硬碟上的具體位置。（例如：C:\test.jpg）
相對路徑：從引入者所在目錄出發（例如：../img/test.jpg），../表示上一層目錄，./表示當前目錄。
互聯網路徑：必須在前面加上http://。（例如：http://www.baidu.com/test.jpg)
