HTML和CSS是网页设计的两大基石，HTML负责设置网页内容，CSS负责设置网页样式。下面是一些基本的HTML和CSS代码示例，可以轻松入门。
<!DOCTYPE html><html><head><title>这是网页标题</title><meta charset="utf-8"></head><body><h1>这是一级标题</h1><p>这是段落内容</p><ul><li>列表项1</li><li>列表项2</li><li>列表项3</li></ul></body></html>
/* CSS代码示例 */
body {
background: #fff; /* 设置背景颜色为白色 */
font-family: Arial, Helvetica, sans-serif; /* 设置字体为Arial，Helvetica或sans-serif */
font-size: 16px; /* 设置字体大小为16像素 */
}
h1 {
color: #ff0000; /* 设置标题颜色为红色 */
font-size: 24px; /* 设置标题字体大小为24像素 */
}
p {
color: #000; /* 设置段落颜色为黑色 */
line-height: 1.5; /* 设置行间距为1.5倍 */
margin-bottom: 20px; /* 设置段落距离下一个元素的距离为20像素 */
}
ul {
list-style: none; /* 去掉列表的默认样式 */
padding-left: 0; /* 去掉列表左侧的缩进 */
}
li {
border-bottom: 1px solid #ccc; /* 给每个列表项下方添加一条1像素宽的灰色边框线 */
padding: 10px 0; /* 设置上下内边距为10像素，左右内边距为0 */
}使用HTML和CSS制作网页，除了以上的基本代码，还有很多其他的标签和样式可以使用。学习这些基本的代码，是进一步学习网页设计的基础。