HTML 基础- 4个实例
HTML基础- 4个实例
实例1：HTML基础结构
HTML（超文本标记语言）是用于创建网页的标准语言。HTML 由一系列的元素（例如标题、段落、表格等）组成，这些元素通过标记来定义其含义和作用。
下面是一个基本的 HTML 结构实例：
<!DOCTYPE html>
<html>
<head>
<title>HTML基础结构</title>
</head>
<body>
<h1>HTML基础结构</h1>
<p>这是一个 HTML 页面的基本结构。</p>
</body>
</html>
说明：
<!DOCTYPE html>：声明现在文档为HTML5文档。<html>：定义一个HTML文档。<head>：包含文档的元数据，例如标题、样式表和脚本等。<title>：定义文档标题。<body>：定义文档的主体内容。<h1>：定义标题1。<p>：定义段落。
实例2：HTML链接
HTML 链接元素用于将一个页面链接到另一个页面或者一个网站。链接可以是文本或图像等元素。下面是一个基本的 HTML 链接实例：
<!DOCTYPE html>
<html>
<head>
<title>HTML链接</title>
</head>
<body>
<h1>链接到百度</h1>
<p>请点击<a href="http://www.baidu.com">这里</a>访问百度。</p>
</body>
</html>
说明：
href：指定链接目标的 URL。<a>：定义链接。
实例3：HTML图片
HTML 图片元素用于在网页中显示图像。图片可以是位于本地或网络上的文件。下面是一个基本的 HTML 图片实例：
<!DOCTYPE html>
<html>
<head>
<title>HTML图片</title>
</head>
<body>
<h1>显示图片</h1>
<img src="example.jpg" alt="示例图片">
</body>
</html>
说明：
src：指定图片的 URL。alt：当图片无法显示时显示的替代文本。<img>：定义图片。
实例4：HTML表格
HTML 表格元素用于在网页上展示数据。表格由行和列组成，可以包含表头和表格数据等元素。下面是一个基本的 HTML 表格实例：
<!DOCTYPE html>
<html>
<head>
<title>HTML表格</title>
</head>
<body>
<h1>学生信息表</h1>
<table>
<tr>
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>001</td>
<td>张三</td>
<td>20</td>
</tr>
<tr>
<td>002</td>
<td>李四</td>
<td>22</td>
</tr>
</table>
</body>
</html>
说明：
<table>：定义表格。<tr>：定义表格行。<th>：定义表头单元格。<td>：定义数据单元格。
总结： 在HTML基础中，我们学习了基本结构，链接，图片和表格等几个常用的HTML元素，掌握这些基本的元素后，可以进一步学习更多高级的HTML内容并使用它们来设计更具吸引力的网页。