1、用HTML实现如下简单界面
html代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>task0001</title>
<link rel="stylesheet" type="text/css" href="ife2015-task0001.css" />
</head>
<body>
<h1>MyGithubAccountName</h1>
<ul>
<li><a href="">Homepage</a></li>
<li><a href="">Blog</a></li>
</ul>
<h2>这是二级标题</h2>
<p>这是我的第一个HTML页面,这里有一个文字段落</p>
<img src="https://github.com/baidu-ife/ife/blob/master/2015_spring/task/task0001/design/banner-bg.jpg?raw=true" width=200px height=200px>
2、用CSS为上面界面增加样式
css代码:
h1{color:blue;}
h2{font-size: 14px;}
p {background-color: black; color:yellow; font-size: 12px; width: 300px;}
img{border-color: red;border-style: solid;;border-width: 2px}
6.1、实现一个背景色为红色
、宽度为960px