HTML教程（看完這篇就夠了）

TML教程

超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創建網頁的標準標記語言。

您可以使用 HTML 來建立自己的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。

在本教程中，您將學習如何使用 HTML 來創建站點。

HTML 很容易學習！相信您能很快學會它！

本教程包含了數百個 HTML 實例。

使用本站的編輯器，您可以輕松實現在線修改 HTML，并查看實例運行結果。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>孫叫獸的博客</title>
    </head>
    <body>
        <h1>我的第一個標題</h1>
        <p>我的第一個段落。</p>
    </body>
</html>

HTML 文檔的后綴名

.html

.htm

都可以。

HTML 簡介

實例：

<!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標題</h1>
<p>這是我的段落</p>
</body>
</html>

實例解析

<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數據，如 <meta charset=“utf-8”> 定義網頁編碼格式為 utf-8。
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內容
<h1> 元素定義一個大標題
<p> 元素定義一個段落

什么是HTML？

HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
HTML 標簽
HTML 標記標簽通常被稱為 HTML

標簽

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

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

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

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

<標簽>內容</標簽>

html元素

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

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

HTML 元素:

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

web瀏覽器

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

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

html網頁結構

<html>
    <head>
        <title>頁面標題</title>
    </head>
    <body>
        <h1>這是一個標題</h1>
        <p>這是一個段落。</p>
        <p>這是另外一個段落。</p>
    </body>
</html>

html的版本：

<!DOCTYPE>聲明

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

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

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

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

html5

<!DOCTYPE html>

html4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">

xhtml1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文編碼

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

將畢業的應屆生，為畢業答辯做準備，還在熬夜做PPT？

領導通知交工作匯報PPT，找不到PPT模板，怎么辦？

給學生上網課，準備的PPT課件太丑了

......

相信這些場景，大部分人都遇到過。急需模板，卻不知道在哪找？

所以，這篇文章，給大家分享一個非常好用的模板網站。

PPT超級商店

http://ppt.sotary.com/web/wxapp/index.html

不同于其他的PPT模板網站，這個網站簡潔無套路，沒有其他復雜的資源，里面都是一些優質PPT模板，下載也很方便。

使用方法：

點擊自己挑選的PPT模板，進入頁面展示頁，會看到每一頁的模板的設計。滑到結尾，就會看到有一個下載的指示圖標，直接點擊就可以了下載了，免費，但是不可商用。

同樣，可以通過搜索關鍵詞，快速獲取你所需要的PPT模板。

值得推薦的4個理由：

1、模板不定時更新，涵蓋各種類型，適用于各種使用場景

包括答辯PPT、工作匯報PPT、商業計劃書、述職報告等等

2、PPT質量高

我下載了一份黑色商務風的PPT模板，頁面簡約，但也非常炫酷，挑幾頁給大家展示一下：

是不是很不錯呢？

3、免費下載無套路

網站里提供的所有資源都可以免費下載，沒有免費付費之分，不用糾結，挑選了一套合適的模板，但卻需要付錢的尷尬。

網站缺點

1、 PPT模板資源有限，只有PPT模板，類型單一

只提供PPT模板，沒有其他素材和工具

2、設計風格都比較簡約

3、不可商用

以上，經常需要PPT模板的朋友，一定要收藏這個網站呀~

福利：

關注@PPT進化論，私信回復關鍵詞【30 套】，即可獲取我收藏的優質職場類PPT模板資源了！

網免費下載模板 webslides.tv

懂html的朋友可以信手拈來的好東西，支持電腦和手機版式，而且JS特效已經爛了街了，自己稍稍加工就能做的美輪美奐。要是放在網站服務器上，再也不用拿個U盤倒來倒去，隨時隨地瀏覽ppt，相當實用哦。

在線咨詢

上一篇：如何訓練 JS 才能達到自己寫框架的水平？JavaScript核心進階攻略
下一篇：「CSS」將多個div元素并列為一行的方法

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML教程（看完這篇就夠了）

使用方法：

值得推薦的4個理由：

網站缺點

您的項目需求