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元素是自关闭元素,不需要结束标记


分类HTML教程手册相关推荐:

HTML教程导读- (HTML5 标准) HTML简介 HTML编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 头部 HTML 样式-CSS HTML 图像 HTML 表格 HTML 列表 HTML 区块 HTML 布局 HTML 表单和输入 HTML 框架 HTML 颜色 HTML 颜色名 HTML 颜色值 HTML 脚本 HTML 字符实体 HTML 链接 HTML URL HTML 速查列表 HTML 学习总结