浙江省杭州市滨江区
  • me@themepixels.com
  • (032) 1234 567
  • +63012 3456 789

HTML 基础

HTML 基础- 4个实例


本章介绍了 HTML 中较为常用的标签的实例。

您可能还没接触过这些实例,不过不用担心,阅读完本章您就能够掌握它们了!

HTML 标题


HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.

h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文、PPT 等。

这里有六个标题元素标签 —— <h1>、<h2> 、<h3>、<h4>、<h5>、<h6>,每个元素代表文档中不同级别的内容:

<h1> 表示主标题(the main heading),<h2> 表示二级子标题(subheadings),<h3>表示三级子标题(sub-subheadings),<h4>、<h5>、<h6>依次递减字体的大小。

<h1>这是一个h1标题</h1>
<h2>这是一个h2标题</h2>
<h3>这是一个h3标题</h3>
<h4>这是一个h4标题</h4>
<h5>这是一个h5标题</h5>
<h6>这是一个h6标题</h6>
运行实例点击"运行实例"按钮查看在线实例

HTML 段落

HTML 段落是通过标签 <p> 来定义的. P是英文<code>paragraph段落的缩写,经常被用来创建一个段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
运行实例点击"运行实例"按钮查看在线实例

HTML 链接

HTML 链接是通过标签 <a> 来定义的。a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

<a href="https://www.niwoxuexi.com">这是一个链接</a>
运行实例点击"运行实例"按钮查看在线实例
提示:在 href 属性中指定链接的地址。
(您将在本教程稍后的章节中学习更多有关属性的知识).

HTML 图像

HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片,使用src 属性指向一个图片的具体地址。

<img src="/statics/images/logo.png" width="180" height="56" />
运行实例点击"运行实例"按钮查看在线实例
注意: 1,图像的名称和尺寸是以属性的形式提供的。
2,img元素是自关闭元素,不需要结束标记