网页制作基础:HTML入门
HTML,全称为超文本标记语言,是一种用于创建网页的标准标记语言,通过使用HTML,我们可以构建网页的结构,包括文本、图片、链接、视频等元素,下面,我们将逐步介绍如何创建一个简单的网页。
创建HTML文档
我们需要创建一个HTML文档,在大多数文本编辑器中,你可以创建一个新文件,文件类型选择为"HTML",文件的基本结构如下:
<!DOCTYPE html> <html> <head> <title>页面标题</title> </head> <body> <!-- 页面内容将在这里 --> </body> </html>
添加标题和内容
在<title>
标签中,你可以输入网页的标题,这将显示在浏览器的标签页上,在<body>
标签中,你可以添加网页的内容,包括文本、图片、链接等。
我们可以创建一个简单的标题和一段文本:
<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页!</h1> <p>这是一个简单的示例网页,用于介绍HTML的基础知识。</p> </body> </html>
添加图片和链接
除了文本,我们还可以在网页上添加图片和链接,使用<img>
标签可以插入图片,使用<a>
标签可以创建链接。
<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> </head> <body> <h1>欢迎来到我的网页!</h1> <img src="图片链接" alt="描述"> <p>这是一个简单的示例网页,用于介绍HTML的基础知识。</p> <a href="https://www.example.com">点击这里</a>访问一个链接。 </body> </html>
样式和布局
除了基本的文本和图片,我们还可以使用CSS来添加样式和布局,通过使用CSS,我们可以更改字体、颜色、背景、边距和填充等属性,以使网页更具吸引力。
<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> <style> body { background-color: lightblue; margin: 20px; padding: 20px; } h1 { color: white; text-align: center; } </style> </head> <body> <!-- 样式和布局将在这里 --> </body> </html>