HTML网站制作教程
1.简介
HTML(超文本标记语言)是一种标记语言，主要用于创建网页。
HTML由一系列的标签(Tag)组成，这些标签定义了网页的结构和内容。
HTML标签一般由‘’括起来，在标签中间的就是标签的内容。
本篇教程介绍HTML网站制作的基本过程和技巧，帮助初学者入门。
2.基本结构
HTML文档的基本结构由、、和组成。
定义文档类型，定义文档根元素，包含文档信息，定义文档主体。
最基本的HTML文档结构如下所示：
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
3.标签
HTML标签分为单标签和双标签，单标签只有一个标签名，没有结束标签。
双标签有起始标签和结束标签，它们之间的内容就是标签的实际内容。
下面是常用的一些HTML标签：
<p>段落</p> 定义段落
<h1>标题</h1> 定义一级标题
<a href='url'>链接</a> 定义超链接
<img src='url' alt='描述'> 定义图像及描述
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul> 定义无序列表
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol> 定义有序列表
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table> 定义表格
4.CSS样式
CSS(Cascading Style Sheets)是一种样式表语言，用于定义HTML中的样式。
给网页加上CSS样式可以让网页变得更美观、更有层次感。
CSS样式可以通过单独的CSS文件引入，也可以直接写在HTML文件的<head>标签中。
以下是一些CSS样式的定义：
body{
background-color: #f4f4f4;
}
p{
color: #333;
font-size: 1.2em;
}
h1{
font-size: 2.5em;
font-weight: bold;
}
a{
color: #0066cc;
}
5.实战演练
下面是一个简单的HTML页面实例：
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
<style>
body{
background-color: #f4f4f4;
}
h1{
font-size: 2.5em;
font-weight: bold;
}
p{
color: #333;
font-size: 1.2em;
}
a{
color: #0066cc;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个由HTML和CSS制作的简单网站，希望大家喜欢。</p>
<p>以下是我的一些链接：</p>
<ul>
<li><a href='https://www.baidu.com'>百度</a></li>
<li><a href='https://www.google.com'>谷歌</a></li>
</ul>
</body>
</html>
