HTML 简介学习笔记
HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。通过使用不同的标签和属性,可以定义文本、图像、多媒体等内容,并且可以使这些内容具有链接、样式等效果。
HTML 基础
标签
HTML 中使用标签来表示不同的元素,例如段落、标题、列表等。一个标签通常由开始标签和结束标签组成,中间包含了标签所表示的元素内容。例如:
htmlCopy Code<p>这是一个段落。</p>
<h1>这是一个一级标题。</h1>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
</ul>
在这个例子中,<p>
和 </p>
组成了一个段落标签,<h1>
和 </h1>
组成了一个一级标题标签,<ul>
和 </ul>
组成了一个无序列表标签,<li>
和 </li>
组成了列表项标签。
属性
标签可以带有属性来定义元素的额外信息。例如,<img>
标签用于插入图像,可以使用 src
属性来指定图像文件的路径:
htmlCopy Code<img src="/path/to/image.jpg" alt="图像描述">
在这个例子中,src
属性指定了图像文件的路径,alt
属性用于提供图像的替代文本。
HTML 实例
下面是一个简单的 HTML 网页实例,包含了标题、段落、链接、图像等元素:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 实例</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是一个演示用的网页,包含了一些基本的 HTML 元素。</p>
<a href="https://www.example.com">点击这里访问示例网站</a>
<img src="/path/to/image.jpg" alt="示例图像">
</body>
</html>
在这个例子中,<!DOCTYPE html>
用于指定文档类型,<html>
标签定义了整个文档的根元素,<head>
标签用于包含文档的头部信息,例如字符集和标题,<meta>
标签用于指定字符集,<title>
标签用于指定网页标题,<body>
标签定义了文档的主体部分。