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。

嘍，大家好呀，我是利兄~

2020年即將過去了，在這里我先預祝大家新年快樂~

這段時間我收到了很多讀者的私信，很多都是找我要PPT模板~ 看來大家都在承受著年終匯報PPT的“摧殘”啊。

說實話，我這的模板數量非常的少，肯定是不能滿足你們的需求的。

但是，在廣闊的互聯網海洋里，有著數以萬計的匯報模板，你們應該去這些地方找。

01 免費的模板網站

1、Office Plus

網址：http://www.officeplus.cn/Template/Home.shtml

這個是微軟官方的網站，里面不僅有PPT模板，還有Wold和Excel的模板，日常工作的匯報、項目策劃、求職簡歷、黨團文章、財務報表等等，這個網站都能滿足你。

隨便找兩個PPT模板，來看一下效果~

直接點擊右邊的下載按鈕，即可下載。

這是模板的PPT格式，里面的文案可以直接編輯。

Wlod模板和Excel模板也是蠻不錯的~

2、PPTfans

網址：http://www.pptfans.cn/

這是一個匯集了PPT教程、PPT模板、PPT素材的網站，里面有模板質量也蠻高的。

隨便下載兩份看看效果。

3、叮當設計

網址：https://www.dingdangsheji.com/category/ppt/?t=shangwu

叮當設計是一個完全免費的模板網站。

網站包含了PPT模板、PPT教程、PSD素材、矢量圖、XD以及Sketch等資源。

支持中文搜索，并對各種模板進行了分類，使你能快速的找到心儀的模板素材。

我們下載兩份，打開看看效果~

4、優品PPT

網址：http://www.ypppt.com/

優品PPT是完全免費的PPT模板網站，但是這里面的內容是廣告網站，可以不用理會。

在這個網站我也下載了兩份PPT模板，一起來看看效果~

5、第一PPT

網址：http://www.1ppt.com/moban/

是的，你沒有看出，這個確實是“第1PPT”的官網，雖然有些簡陋，但里面的模板素材非常多。

對PPT的欄目分類也比較細，比如商務PPT模板、動態PPT模板、人物PPT模板、古典PPT模板、建筑PPT模板等等，大家可以根據需要自行點擊里面的鏈接。

當然這個網站不只是有PPT模板，還有一些PPT素材、圖表、教程等，甚至連常用的字體也能在這個網站下載。

來看一下這個網站的模板質量。

6、51PPT模板

網址：http://www.51pptmoban.com/ppt/

51PPT模板也是一個免費的模板下載網站，與第1PPT類似。里面有非常多的模板和素材可直接免費下載。

PPT模板的質量上也還是蠻不錯的。

7、PPT超級市場

網址：http://ppt.sotary.com/web/wxapp/index.html

這里面有超級多的PPT模板，都是可以免費下載的。

整個網頁界面非常的整潔，你可以直接利用網站的搜索功能搜索你需要的 PPT 模板。

模板不支持商業使用的哦~

我也下載了兩份看一下質量。

8、freePPT7

網址：http://www.51pptmoban.com/ppt/

這個國外的免費PPT下載網站，無需登錄就能直接下載，但是缺點也很明顯，下載速度非常的慢。

找到你想要下載的模板，然后點擊這里就能下載了。

給你看一下PPT模板的質量。

9、slidesgo

網址：https://slidesgo.com/

這是國外的免費模板網站，需要注冊登錄。（不注冊只能下載兩個）

里面的模板以“插畫”風格為主，質量都蠻高的。

下載兩份給你們看看效果。

這個是超寬比例的。

10、PPT匯

網址：https://www.ppthui.com/

國內的一個PPT免費下載網站，里面的PPT模板超過1W多份~

無需注冊就能直接下載。

隨便下載兩份看看模板質量~

02 收費的模板網站

現在的PPT模板網站，大多是會員制的，開個會員就能全站下載。

如果上面的免費網站你們用著還不夠的話，可以看看下面的付費網站。

1、稻殼

網址：https://www.docer.com/

稻殼是國內會員制的模板網站，里面包含了PPT、Excel、Wold等模板，（有一小部分是免費的，質量不高）

我沒有開通網站會員，所以直接截圖給你們看。

2、演界網

網址：http://www.yanj.cn/

演界網也是國內會員制的模板網站，（小部分免費）

同樣，我也沒有會員，只能截圖給你們看看。

3、變色龍

網址：https://www.ppt20.com/

與前面的一樣，變色龍也是會員制的網站，不多介紹了直接看模板截圖吧。

4、PPTBOSS

網址：https://www.pptboss.com/

這也是國內的會員制模板網站，與前面的網站區別就是，這個能在線編輯~

簡單的截兩張圖，看一下模板的質量。

5、瘋狂BP

網址：http://www.nutsbp.com/template-center/

光看名字就知道這是一個出BP模板的網站，這個也是會員制的網站。

簡單的截幾張圖，看看里面模板的效果。

國外的付費網站我就不推薦了~

其實對比下來，付費網站和免費網站的資源差不多，如果是個人使用，我覺得十個免費網站完全能滿足你的需求。

03 優質的微信公眾號

其實，有很多寫PPT的公眾號也會收集和制作PPT模板的。一般能被公眾號推薦贈送的模板質量都不會差的。

公眾號領取模板，一般都是輸入關鍵詞的。

就比如“三石PPT”這個公眾號，領取模板的關鍵詞就是“模板”。

我也給大家整理了一些PPT的公眾號。

（排名不分先后）

當然，這只是PPT公眾號的冰山一角，還有很多的我來不及整理了。

好啦，以上就是今天的全部內容了~

上期文件領取方式：

1、幫忙順手轉發一下這篇文章，多謝！

2、復制這段內容后打開百度網盤手機App，操作更方便哦

鏈接：https://pan.baidu.com/s/1QiM7UDBWYcOqBq1rRqf6vw 提取碼：zvro

已領取文件的可以在評論區打個“已領”，謝謝。

學習更多的PPT小技巧。可以關注我的頭條專欄哦。

PPT模板介紹

96頁高端商務PPT模板
預制了5種精美顏色變換
包含了4種尺寸比例：4:3/16:9/16:10/A4
包含了兩種常用格式文件PPTX和PPT
PPT內可完全編輯的元素和數據
包含了數量巨大的數據圖標
PPT圖形圖表均為矢量元素自由放大縮小
為圖形設置了完整的動畫效果
PPT內可自由編輯圖形顏色和形狀大小
示例預覽中的商務圖片不包含在內

PPT文件下載

https://www.gfxaa.com/2857.html

歡迎關注頂尖PPT

分享來自全球最頂尖，最時尚的keynote、Powerpoint模板

在線咨詢

上一篇：沙雕動畫的制作軟件，Animation adobe 簡介
下一篇：Spring MVC的工作原理，我們來看看其源碼實現

您的項目需求

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

整合營銷服務商

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

您的項目需求