整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
TML 基础- 4个实例
本章介绍了 HTML 中较为常用的标签的实例。
您可能还没接触过这些实例，不过不用担心，阅读完本章您就能够掌握它们了！
HTML 标题
HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。
h 是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小。
实例
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
HTML 段落
HTML 段落是通过标签 <p> 来定义的，P 是英文paragraph段落的缩写，经常被用来创建一个段落，就和你写作文一样，您可以进行实战实验。
实例
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 链接
HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
实例
<a href="#">这是一个链接</a>
提示:在 href 属性中指定链接的地址。
(您将在本教程稍后的章节中学习更多有关属性的知识)。
HTML 图像
HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。
举例如下：<img src="#">
请注意：img元素是自关闭元素，不需要结束标记。
实例
<img src="#" width="104" height="142">
注意： 图像的名称和尺寸是以属性的形式提供的。
【小提示】tips:本文由数据微学院作者原创，转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】360doc个人图书馆。
TML 编辑器的介绍及推荐
HTML编辑器是用于编写HTML的工具，使用HTML编辑器时以编辑主题，索引，自定义窗口，选择添加搜索页。
HTML 编辑器：
使用Notepad或TextEdit来编写HTML
下列是三种专门用于编辑HTML的HTML编辑器：
Adobe Dreamweaver；
Microsoft Expression Web；
CoffeeCup HTML编辑器；
不过，我们同时推荐使用文本编辑器来学习HTML，比如Notepad（PC）或TextEdit（Mac）。我们相信，使用一款简单的文本编辑器是学习HTML的好方法。
我们可以使用Notepad工具来创建HTML文件，具体的步骤参考如下：
步骤1：启动记事本
打开Notepad的步骤（Windows系统中）：
打开“开始”菜单
选择“所有程序”
选择“附件”
选择“记事本”
步骤2：使用记事本编辑HTML
在记事本中输入HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数据微学院</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
步骤3：保存你的HTML
在Notepad文件菜单中选择另存为。
您可以以.htm或者.html扩展名保存您的HTML文件，两者没有区别，根据您的使用习惯即可。
将该文件保存在您常用的文件夹中，比如html。
步骤4：在浏览器中运行这个HTML文件
启动您的浏览器，然后选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击您的HTML文件。
运行显示结果类似如下：
?
【注】本教程将使用HBuilderX来创建html文件进行学习，创建文件请参考本教程第二章：HTML 教程导读，有关HBuilderX的使用请继续关注【数据微学院】360doc个人图书馆。
【小提示】tips:本文由数据微学院作者原创，转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】个人图书馆。
我工作几年，接口文档用过好几种方式了。从最开始的word文档，到后来的swagger和confluence编写接口文档，再到后来侵入性很小的jApiDoc，最后到现在的smart-doc工具。
方式 | 好处 | 缺点 |
word文档和confluence | 有文档留存（好像也不算好处） | 费时费力、多人编写不便 |
swagger | 1、不用专门写文档 2、通过连接直接访问 3、在线测试，有点像简化的postman | 注释太多，写得想打人 |
jApiDoc | 1、引入jar包，一键生成html接口文档 2、侵入小，添加简单注释就行 | 1、功能单一，只能接口文档 2、作者好久没有维护了 |
smart-doc | 1、引入maven插件，一键生成HTML接口文档 2、作者很活跃，社区也很活跃，反应问题很快就有新版本解决 3、能生成常用的html，markdown、postman接口文档 4、侵入小，添加简单注释就行 5、适配单服务、微服务等多种环境 | 1、需要抽两个小时看下官方文档 |
前面我介绍过一种工具，叫做JApiDocs，这个工具我也使用了一段时间，用起来还是不错的，能满足基本要求，文档链接地址
被写接口文档难受了好久,使用swagger要加各种稀奇古怪的注释，十分繁琐，突然看到JApiDocs 的介绍，只需要在接口上加上点注释，就能够生成接口文档。突然来了希望，通过看文档自己使用之后，把踩过的坑记录下来
*请认真填写需求信息，我们会在24小时内与您取得联系。
