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> 标签定义了文档的主体部分。