HTML—基本的 HTML 标签实例

本章通过若干实例向您演示最常用的 HTML 标签。

提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。

提示:学习 HTML 最好的方式就是边学边做实验。

HTML 标题

HTML 标题(Heading)是通过 <h1> – <h6> 等标签进行定义的。标题类似书籍中文章的标题,分为很多级别。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

将该内容拷贝到前一章实例中的body标签中(为了对比,本文用斜体,实际没有),其它实例类似,不再额外说明,也即如下:

<html>
<body>

<h1>This is a heading</h1> 
<h2>This is a heading</h2>
<h3>This is a heading</h3>

</body>
</html>

此时通过保存文件,通过浏览器可以看到效果。或者通过Dreamweaver可以直接看到效果,可以看到不通级别的标题有不通的大小。

html-tab

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<a href="http://www.itworld123.com">这是一个连接</a>

注释:在 href 属性中指定链接的地址。

该实例的效果如下,点击连接可以跳到所连接的网页。

这是一个连接

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="http://img.itworld123.com/uploads/2016/11/itworld64-1.png" width="104" height="142" />

注释:图像的名称和尺寸是以属性的形式提供的。

该实例会显示一个图形,显示本站的logo,效果如下:

如果引用本站的原创文章,请注明原文链接:,本站保留追究责任的权利!

发表评论