1. 程式人生 > >HTML5基礎知識

HTML5基礎知識

特殊符號 優勢 我們 hyper 基本 mailto 引號 world 字符編碼

一.HTML簡介

Hyper Text Markup Language(超文本標記語言)
超文本包括:文字、圖片、音頻、視頻、動畫等

二.HTML發展史

1993-6發布超文本標記語言
.......................
2000-1-26發布XHTML1.0
.......................
2013-5-6發布HTML5

三.HTML5優勢

1.世界知名瀏覽器廠商對HTML5的支持
2.市場的需求
3.跨平臺
四.W3C
World Wide Web Consortium(萬維網聯盟)
成立於1994年,Web技術領域最權威和具影響力的國際中立性技術標準機構
http://www.w3.org/
http://www.chinaw3c.org/

W3C標準包括
結構化標準語言(XHTML 、XML)
表現標準語言(CSS)
行為標準(DOM、ECMAScript )

五.網頁基本結構

<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
我的第一個網頁
</body>
</html>

六.網頁元素的構成
<!DOCTYPE html> 代表聲明當前文件為HTML文件
title 代表網頁頭部顯示的文本信息
<meta charset="UTF-8" /> 指定字符編碼:常用的有GB2312:中文簡體編碼 Big5:繁體中文 ISO-885901:純英文編碼 UTF-8:國際通用編碼
推薦使用UTF-8,如果不指定默認為ISO-885901

七.網頁基本標簽
1.標題標簽 <h1></h1>.....<h6></h6> 其中h1最大,h6最小
2.段落標簽 <p></p> 段落文字前後換行
3.換行標簽 <br/> 自閉合
4.水平線標簽 <hr/>
5.加粗 <strong></strong>
6.斜體 <em></em>
7.特殊符號
7.1 空格 &nbsp;
7.2 小於號 &lt;
7.3 大於號 &gt;
7.4 雙引號 &quot;
7.5 版權符號 &copy;
8.圖像標簽
<img src="圖像路徑" alt="圖像顯示不出來顯示的文字" title="鼠標懸浮到圖像展示的文字" width="寬度px" height="高度px"/>

9.超鏈接
普通超鏈接<a href="指定鏈接地址">點擊</a>
功能性連接:<a href="mailto:[email protected]">聯系我們</a>
錨鏈接:點擊文字跳轉指定位置<a href="#a1">跳轉錨鏈接a1位置</a> <a name="a1">a1</a>

HTML5基礎知識