HTML教程-基本的 HTML 标签

2017-07-13 09:59:32

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

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

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML教程-基本的 HTML 标签 - 小技术网</title>
</head>

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

HTML 段落

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

实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML教程-基本的 HTML 标签 - 小技术网</title>
</head>

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

HTML 链接

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

实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML教程-基本的 HTML 标签 - 小技术网</title>
</head>

<body>
<a href="http://www.b2uu.com">This is a link</a>
</body>
</html>

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

(您将在本教程稍后的章节中学习更多有关属性的知识)。

HTML 图像

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

实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML教程-基本的 HTML 标签 - 小技术网</title>
</head>

<body>
<img src="b2uu.jpg" width="104" height="142" />
</body>
</html>

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


以上代码复制到Dreamweaver编辑器里,然后保存为后缀为 .html格式即可运行!

相关阅读

热门标签

更多

阅读排行

更多
当前位置:首页网页制作HTML正文