项目任务
项目分析
1.该网页分为左右两大板块
2.左边为字图结合,可在图片处理工具中将图片设计好,再将该图片设为背景即可
3.左图中文字部分可用有序列表制作
4.左图制作好后,设置左浮动,在进行右边的文字简介编辑
5.右边文字可分为三个段落,分别编辑,并将"传智播客设计学院"字体加粗即可
下面我们来看代码
HTML 部分代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>传智博客设计学院首页</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>