HTML 实例

HTML实例技术文档

简介

HTML，全称“Hyper Text Markup Language”，即超文本标记语言。它是一种用于创建Web页面的标记语言。通过HTML，可以将文本、图像、音频、视频等媒体内容组织成一个网页，让用户通过浏览器来查看。

HTML实例

在HTML中，通过标签来组织文本和媒体内容，标签一般包含在尖括号中，成对出现。例如，段落标签<p>即表示一个段落，其中包含的文本内容将会作为一个段落来显示。下面是一个简单的HTML实例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML实例</title>
</head>
<body>
    <h1>欢迎来到我的网站！</h1>
    <p>这是一个HTML实例。</p>
    <img src="picture.jpg" alt="图片">
    <a href="http://www.example.com">访问示例网站</a>
</body>
</html>

这个HTML文档包含了文本、图片和链接三种基本媒体内容。其中，<h1>标签用来表示一级标题，<p>标签用来表示段落，<img>标签用来表示图片，<a>标签用来表示超链接。下面分别介绍它们的具体用法。

标题标签

HTML中有六个级别的标题标签，从<h1>到<h6>。一般来说，<h1>标签用于页面中最主要的标题，<h2>标签用于次要标题，以此类推。例如：

<h1>这是一个页面的主标题</h1>
<h2>这是一个页面的次要标题</h2>
<h3>这是一个页面的三级标题</h3>

段落标签

HTML中的段落标签<p>用来表示一个段落。在文本编辑器中，每当按下回车键时，就会另起一行，但是在HTML中，如果只是按下回车键，是不会起到段落的作用的。必须要使用<p>标签才能表示一个段落。例如：

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

图片标签

图片标签<img>用来表示一个图片，其中的src属性用来指定图片的路径，alt属性用来指定图片的文字描述。例如：

<img src="picture.jpg" alt="一张图片">

链接标签

链接标签<a>用来表示一个超链接，其中的href属性用来指定链接的URL地址，也可以是本地文件的路径，target属性用来指定链接在哪个窗口中打开，默认为在当前窗口中打开。例如：

<a href="http://www.example.com" target="_blank">访问示例网站</a>

在这个例子中，target属性的值为_blank，表示在新窗口中打开链接。

结论

这份HTML实例文档介绍了HTML中常用的四个标签，分别是标题、段落、图片和链接标签。通过这些标签的组合使用，可以创建出符合自己需求的Web页面。当然，在实际使用中，还有很多其他的标签和属性，并且有很多CSS和JavaScript等辅助技术可以应用，可以使得页面更加美观和功能更加丰富。

HTML 字符实体 HTML 属性