In this task, you are required to develop the styling of your website and incorporate responsive design. These are the required features: Improve upon the previous task, based on feedback from your lecturer. Your website must be developed using HTML5 and styled using CSS3. Your website must be styled consistently using a suitable combination of inline, internal and external style sheets. Your styling must make your website responsive (i.e. automatically adjust to different screen and device sizes). You may also add in these optional features: Embedding of social media feeds and YouTube videos, as necessary.
The HTML file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive</title>
<a href=""></a>
<link rel="stylesheet" type="text/css" href="first.css">
<style type="text/css">
h1{
font-size: 30px;
text-align: left;
text-decoration-color: pink;
}
</style>
</head>
<body>
<h1 style="color: blue; text-align: center;">Responsive Website</h1>
<div class="tes">
This is a responsive website that is styled consistently using inline CSS for the first heading, internal css for the second heading for the div elements, and external css to styled the body.
</div>
<h1></h1>
</body>
</html>
External CSS3
body{
background-color: yellow;
text-decoration-color: white;
}
.tes{
color: blue;
}
Comments
Leave a comment