当前位置：首页 > news >正文

HTML 实例

news 2026/5/12 14:35:24

HTML 实例

引言

HTML（HyperText Markup Language）是创建网页的标准标记语言。通过HTML，我们可以创建具有超链接、图像、表格等多种元素的网页。本文将通过实例详细介绍HTML的基本语法和应用，帮助读者快速掌握HTML的基础知识。

HTML基础

1. HTML文档结构

HTML文档通常由以下部分组成：

<!DOCTYPE html>：声明文档类型，告诉浏览器这是一个HTML5文档。
<html>：HTML文档的根元素。
<head>：包含文档的元信息，如标题、字符编码等。
<body>：包含文档的主体内容，如文本、图像、表格等。

2. HTML标签

HTML标签用于定义网页中的元素。以下是一些常见的HTML标签：

<h1>至<h6>：标题标签，用于定义不同级别的标题。
<p>：段落标签，用于定义文本段落。
<a>：超链接标签，用于创建超链接。
<img>：图像标签，用于插入图像。
<table>：表格标签，用于创建表格。
<tr>：表格行标签，用于定义表格中的一行。
<td>：表格单元格标签，用于定义表格中的一个单元格。

3. HTML属性

HTML属性用于描述HTML标签的特定信息。以下是一些常见的HTML属性：

href：超链接的链接地址。
src：图像的来源地址。
width和height：图像的宽度和高度。
colspan和rowspan：表格单元格的跨行和跨列。

HTML实例

以下是一些HTML实例，帮助读者更好地理解HTML语法和应用：

1. 简单的HTML页面

<!DOCTYPE html> <html> <head> <title>HTML实例</title> </head> <body> <h1>欢迎来到我的网站</h1> <p>这是一个简单的HTML页面。</p> <a href="http://www.example.com" target="_blank">点击这里访问我的博客</a> <img src="image.jpg" width="100" height="100" alt="示例图片"> </body> </html>

2. 表格实例

<table border="1"> <tr> <th>姓名</th> <th>年龄</th> <th>职业</th> </tr> <tr> <td>张三</td> <td>25</td> <td>程序员</td> </tr> <tr> <td>李四</td> <td>30</td> <td>设计师</td> </tr> </table>