Create 3 html and 3 corresponding css pages with the following specifications. A
ID: 3676273 • Letter: C
Question
Create 3 html and 3 corresponding css pages with the following specifications.
All pages should contain Titles and subtitles, links to other pages. Use good colors and fonts and as much decorations as possible. All pages should occupy 100 % window and should be proper proportion. You are welcome to apply any other feature you have learnt in css.
Page 1 : single column page, 3 paragraphs with 3 images, aligned
Page 2: A two column page with two pictures in each column
Page 3: A three column page with one image in each column.
Explanation / Answer
note:image location in our systeam so images cannot open use own images files path to open and use similar
<!Doctype html>
<html lang="en">
<head>
<title>samplepage</title>
</head>
<body>
<p>sample paragram1</p>
<p>sample paragram2</p>
<p>sample paragram3</p>
<img src="C:Desktop.jpg" align="left" width="120" height="120"/>
<img src="C:Desktop.jpg" align="right" width="120" height="120"/>
<img src="C:Desktopc.jpg" align="center" width="120" height="120"/>
</body>
</html>
save it as a.html
after
use frames
<!DOCTYPE html>
<html>
<head>
<title> first question</title>
</head>
<body>
<frameset >
<frame src="a.html">
</frameset>
</body>
</html>
2)
<!DOCTYPE html>
<html>
<head>
<title> first question</title>
</head>
<body>
<frameset cols="50%,50% >
<frame>
<p>sample paragram1</p>
<img src="C:Desktop.jpg" align="left" width="120" height="120"/>
</frame>
<frame>
<p>sample paragram2</p>
<img src="C:Desktop.jpg" align="right" width="120" height="120"/>
</frame>
</frameset>
</body>
</html>
save file as b.html
3)
<!DOCTYPE html>
<html>
<head>
<title> first question</title>
</head>
<body>
<frameset cols="50%,20%,30%>
<frame>
<p>sample paragram1</p>
<img src="C:Desktop.jpg" align="left" width="120" height="120"/>
</frame>
<frame>
<p>sample paragram2</p>
<img src="C:Desktop.jpg" align="right" width="120" height="120"/>
</frame>
<frame>
<p>sample paragram3</p>
<img src="C:Desktopc.jpg" align="right" width="120" height="120"/>
</frame>
</frameset>
</body>
</html>
save a file