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内容并使用它们来设计更具吸引力的网页。