在本章节中,我们将介绍一些常见的 HTML 实例,以帮助您更好地理解 HTML 标记语言的基本概念和用法。
创建一个简单的 HTML 页面
首先,让我们创建一个简单的 HTML 页面,包含一个标题和一个段萼。您只需要在文本编辑器中新建一个文件,并将以下代码复制粘贴进去:
// www.javascriptcn.com code example <!DOCTYPE html> <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个简单的 HTML 页面示例。</p> </body> </html>
保存文件为 index.html,然后在浏览器中打开该文件,您将看到一个包含标题和段萼的简单页面。
添加链接和图片
接下来,让我们给页面添加一个链接和一张图片。您可以使用以下代码:
// www.javascriptcn.com code example <!DOCTYPE html> <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <h1>欢迎来到我的网站!</h1> <p>这是一个简单的 HTML 页面示例。</p> <a href="https://www.example.com">点击这里访问示例网站</a> <img src="example.jpg" alt="示例图片"> </body> </html>
请确保将 example.jpg 替换为您自己的图片文件路径。保存并打开页面,您将看到一个包含链接和图片的页面。
以上就是本章节的 HTML 实例介绍,希望能帮助您更好地了解 HTML 标记语言的基本用法。