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教程（看完这篇就够了）

您的项目需求