HTML(超文本标记语言)是一种用于创建网页的标记语言。它提供了一套标记(标签)和元素(元素)的规范,用于描述网页结构和内容的呈现方式。HTML 文件是由一系列的标签组成,这些标签用于定义网页的各个部分,如标题、段落、链接、图像等。
HTML 是什么?
- HTML 是超文本标记语言(Hypertext Markup Language)的缩写,它用于创建网页的结构和内容。
- HTML 使用标记(markup)来定义网页中的元素和它们的组织方式。
HTML 标签和元素:
- HTML 使用标签来表示不同类型的元素,例如标题、段落、链接等。标签由尖括号包围,通常成对出现,有起始标签和结束标签。
- 示例:
<p>这是一个段落。</p>
,其中<p>
是段落的起始标签,</p>
是段落的结束标签。- 某些元素不需要结束标签,称为自闭合标签。例如:
<img src="image.jpg" alt="图片">
是一个自闭合的图像标签。HTML 元素的属性:
- HTML 元素可以具有属性,用于提供关于元素的额外信息或配置。属性包含在标签的开始标签中,并采用键-值对的形式。
- 示例:
<a href="https://www.example.com">点击这里</a>
,其中href
是<a>
标签的属性,指定链接的目标网址。HTML 文档结构:
- HTML 文档由
<html>
元素作为根元素开始,并包含<head>
和<body>
元素。<head>
元素包含页面的元数据和引用的外部资源,例如标题、样式表和脚本。<body>
元素包含网页的可见内容,如文本、图片、链接等。常见的 HTML 元素:
- 标题元素:
<h1>
到<h6>
用于定义各级标题。- 段落元素:
<p>
用于定义段落。- 链接元素:
<a>
用于创建链接到其他页面或资源的超链接。- 图像元素:
<img>
用于插入图像到网页中。- 列表元素:
<ul>
、<ol>
和<li>
用于创建无序列表和有序列表。- 表格元素:
<table>
、<tr>
、<th>
和<td>
用于创建表格。HTML 注释:
- 注释用于在 HTML 代码中添加注解,不会在浏览器中显示。
- 注释以
<!--
开始,以-->
结束。- 示例:
<!-- 这是一个注释 -->
简单演示:
html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="图片" width="300" height="200">
</body>
</html>