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等辅助技术可以应用,可以使得页面更加美观和功能更加丰富。