Monday, 31 October 2016
Thursday, 20 October 2016
laboratory 4 - CSS learning
Internal Style Sheet
Internal Style Sheet
Example 1
External CSS file
External Style Sheet
Example 2
Monday, 10 October 2016
Learning how to apply principle of web design
<!DOCTYPE html>
<html>
<title>Principle of web deisgn</title>
<title>Principle of web deisgn</title>
<head>
<style type="text/css">
body{text-align:center;margin-left:70px;margin-right:70px;background-color:#B1CAFA;font-family:Georgia;font-size:25px;}
#a {width: 800px;margin-top:100px;padding:20px;}
</style>
</head>
<style type="text/css">
body{text-align:center;margin-left:70px;margin-right:70px;background-color:#B1CAFA;font-family:Georgia;font-size:25px;}
#a {width: 800px;margin-top:100px;padding:20px;}
</style>
</head>
<body>
<div>
<h2> Nagavigation Page </h2>
<div>
<h2> Nagavigation Page </h2>
<a href="lab2.html"> <img src="next.jpg" width="20%" height="20%"> </a><br>
</div>
</body>
</html>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Laboratory 2</title>
<head>
<style type="text/css">
<title>Laboratory 2</title>
<head>
<style type="text/css">
body{text-align:center;margin-left:70px;margin-right:70px;background-color:#B1CAFA;}
div{font-size:25px;}
</style>
</head>
div{font-size:25px;}
</style>
</head>
<body>
<h2>We're looking for an HTML and CSS developer</h2>
<img src="kucing10.png" id="pic" width="30%" height="30%">
<div>
<br><br>For our client, The Cat Factory, <strong>we need a skilled web deveper in HTML and CSS.</strong>We offer a competitive salary, a bag of cat food, and toys.
<br>Don't wait , apply now ! Our crazy team is waiting for you right meow!<br><br>
</div>
<a href="effective web design.html" > <img src="back.jpg" width="5%" height="5%"> </a>
<a href="lab2.1.html" > <img src="next.jpg" width="5%" height="5%"> </a>
<h2>We're looking for an HTML and CSS developer</h2>
<img src="kucing10.png" id="pic" width="30%" height="30%">
<div>
<br><br>For our client, The Cat Factory, <strong>we need a skilled web deveper in HTML and CSS.</strong>We offer a competitive salary, a bag of cat food, and toys.
<br>Don't wait , apply now ! Our crazy team is waiting for you right meow!<br><br>
</div>
<a href="effective web design.html" > <img src="back.jpg" width="5%" height="5%"> </a>
<a href="lab2.1.html" > <img src="next.jpg" width="5%" height="5%"> </a>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Laboratory 2</title>
<head>
<style type="text/css">
body{text-align:center;margin-left:70px;margin-right:70px;background-color:#B1CAFA; font-family:Georgia;}
div{line-height:30px;}
<title>Laboratory 2</title>
<head>
<style type="text/css">
body{text-align:center;margin-left:70px;margin-right:70px;background-color:#B1CAFA; font-family:Georgia;}
div{line-height:30px;}
</style>
</head>
</head>
<body>
<h2> Leraning to apply the principle of web design</h2>
<h2> Leraning to apply the principle of web design</h2>
<div>
<br>
Posted by: Chiam Wui Xiang And Fong Cha Pei<br><br>
</div>
<div>
<h4>We can't go any further, this is the last page. <h4>
<div>
<img src="bay max.jpg" id="pic" width="30%" height="30%"><br>
<a href="lab2.html" > <img src="back.jpg" width="5%" height="5%"> </a>
<br>
Posted by: Chiam Wui Xiang And Fong Cha Pei<br><br>
</div>
<div>
<h4>We can't go any further, this is the last page. <h4>
<div>
<img src="bay max.jpg" id="pic" width="30%" height="30%"><br>
<a href="lab2.html" > <img src="back.jpg" width="5%" height="5%"> </a>
</body>
</html>
Monday, 3 October 2016
Web design -Laboratory 2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Laboratory 2</title>
<head>
<style type="text/css">
#pic,h2{margin-left:20px;width:100%;margin-right:60px;max-width:750px;}
</style>
</head>
<body>
<h2>We're looking for an HTML and CSS developer</h2>
<img src="kucing10.png" id="pic">
<p><br>For our client, The Cat Factory, <strong>we need a skilled web deveper in HTML and CSS.</strong>We offer a competitive salary, a bag of cat food, and toys.
<br>Don't wait , apply now ! Our crazy team is waiting for you right meow!<br><br>
<a href="lab2.1.html" >This is the connection to second page </a>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Laboratory 2</title>
<head>
<style type="text/css">
#p1{margin-left:40px;}
#pic{margin-left:40px;width:90%;margin-right:40px;max-width:1300px;}
<title>Laboratory 2</title>
<head>
<style type="text/css">
#p1{margin-left:40px;}
#pic{margin-left:40px;width:90%;margin-right:40px;max-width:1300px;}
</style>
</head>
</head>
<body>
<h3>Justin Beaver : Ever since I learned HTML, my life has made a complte 180</h3>
<h3>Justin Beaver : Ever since I learned HTML, my life has made a complte 180</h3>
<div>
<br>
Posted by: Damian Wiegosik<br><br>
</div>
<div>
Justin Beaver confessed something that even his greatest fans would have never expected of the skiled musicians and lyricist.The young rock-roller admitted that
since he typed his first title tag, his life became easier.It has been reported by those surrounding the Canadian that Beaver's private mentors,Ryan Loseling and
Nicolas Crate, often walk around Los Angeles disputing what a great tool the HTML validate is.</p>
<div>
<img src="kucing11.png" id="pic">
<div id="p1">Justin Beaver's happy cat</div>
<div>Beaver has already created some websites and docs does not intend to stop there." I will probably have a song about HTML on my next album." -the artist added.
</div>
<br><a href="lab2.html" >This is the connection to first page </a>
<br>
Posted by: Damian Wiegosik<br><br>
</div>
<div>
Justin Beaver confessed something that even his greatest fans would have never expected of the skiled musicians and lyricist.The young rock-roller admitted that
since he typed his first title tag, his life became easier.It has been reported by those surrounding the Canadian that Beaver's private mentors,Ryan Loseling and
Nicolas Crate, often walk around Los Angeles disputing what a great tool the HTML validate is.</p>
<div>
<img src="kucing11.png" id="pic">
<div id="p1">Justin Beaver's happy cat</div>
<div>Beaver has already created some websites and docs does not intend to stop there." I will probably have a song about HTML on my next album." -the artist added.
</div>
<br><a href="lab2.html" >This is the connection to first page </a>
</body>
</html>
Subscribe to:
Posts (Atom)