當前位置 : IT培訓網 > Web前端 > Web教程 > HTML是什么

HTML是什么

時間:2016-11-14 17:04:47??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
標簽(Tag):?? html(100)
什么是HTML?HTML 是用來描述網頁的一種語言。HTML 指的是超文本標記語言: HyperText Markup Language;HTML 不是一種編程語言,而是一種標記語言;標記語言是一套標記標簽 (markup tag);HTML 使用標記標簽來描述網頁;HTML 文檔包含了HTML 標簽

隨著網絡的發展,html逐漸更新了版本,目前版本已經更新到h5了,而我們介紹的也就是h5方面的知識點,但要學習h5,還需要從源頭開始。

什么是HTML?

HTML 是用來描述網頁的一種語言。

HTML 指的是超文本標記語言: HyperText Markup Language

HTML 不是一種編程語言,而是一種標記語言

標記語言是一套標記標簽 (markup tag)

HTML 使用標記標簽來描述網頁

HTML 文檔包含了HTML 標簽及文本內容

HTML文檔也叫做 web 頁面

HTML 元素

"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:

HTML 元素:

<p>這是一個段落。</p>

HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

HTML 標簽通常是成對出現的,比如 <b> 和 </b>

標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

開始和結束標簽也被稱為開放標簽和閉合標簽

<標簽>內容</標簽>

Web 瀏覽器

Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。

瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:

HTML是什么_www.vkxqdk.live

HTML 網頁結構

下面是一個可視化的HTML頁面結構:

<html>

<head>

<title>頁面標題</title>

</head>

<body>

<h1>這是一個標題</h1>

<p>這是一個段落。</p>

<p>這是另外一個段落。</p>

</body>

</html>

只有 <body>  區域 ( 白色部分)  才會在瀏覽器中顯示。

HTML版本

從初期的網絡誕生后,已經出現了許多HTML版本:

版本

發布時間

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1997

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2012

XHTML5

2013

 

<!DOCTYPE> 聲明

<!DOCTYPE>聲明有助于瀏覽器中正確顯示網頁。

網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。

doctype 聲明是不區分大小寫的,以下方式均可:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用聲明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

中文編碼

目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>頁面標題</title>

</head>

<body>

<h1>我的第一個標題</h1>

<p>我的第一個段落。</p>

</body>

</html>

運行結果:

我的第一個標題

我的第一個段落。

實例解析

DOCTYPE 聲明了文檔類型

位于標簽 <html> 與 </html> 描述了文檔類型

位于標簽 <body> 與 </body> 為可視化網頁內容

位于標簽 <h1> 與 </h1> 作為一個標題使用

位于標簽 <p> 與 </p> 作為一個段落顯示

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
陕西11选5开奖结果