CODE-CODE dalam PHP
1. Background Color
<!DOCTYPE html>
<html>
<head>
<title>sexy background color!</title>
</head>
<body style="background-color: brown">
<h3>Favorite Football Teams</h3>
<ol style="background-color:yellow">
<li>The Hawthorn Football Club</li>
<li>San Franscisco 49ers</li>
<li>Barcelona FC</li>
</ol>
</body>
</html>
<html>
<head>
<title>sexy background color!</title>
</head>
<body style="background-color: brown">
<h3>Favorite Football Teams</h3>
<ol style="background-color:yellow">
<li>The Hawthorn Football Club</li>
<li>San Franscisco 49ers</li>
<li>Barcelona FC</li>
</ol>
</body>
</html>
2. Font Color
<!DOCTYPE html>
<html>
<head>
<title>Changing the colors!</title>
</head>
<body>
<h1 style ="color:green ;font-size:16px">Big Heading</h1>
<p style="color:violet">A giant bear and a little duck were friends.</p>
<p style="color:red;font-size:10px">But the bear got hungry and ate the duck.</p>
</body>
</html>
<html>
<head>
<title>Changing the colors!</title>
</head>
<body>
<h1 style ="color:green ;font-size:16px">Big Heading</h1>
<p style="color:violet">A giant bear and a little duck were friends.</p>
<p style="color:red;font-size:10px">But the bear got hungry and ate the duck.</p>
</body>
</html>
3. Font Family
<!DOCTYPE html>
<html>
<head>
<title>Loving the font changes</title>
</head>
<body>
<h1 style="font-family: Vardana">Big title</h1>
<ol>
<li style="font-size:16px;font-family:arial">This item is big Arial.</li>
<li style="font-size:12px;font-family:Verdana" >This item is medium Verdana.</li>
<li style="font-size:10px;font-family:Impact">This item is small Impact.</li>
</ol>
</body>
</html>
<html>
<head>
<title>Loving the font changes</title>
</head>
<body>
<h1 style="font-family: Vardana">Big title</h1>
<ol>
<li style="font-size:16px;font-family:arial">This item is big Arial.</li>
<li style="font-size:12px;font-family:Verdana" >This item is medium Verdana.</li>
<li style="font-size:10px;font-family:Impact">This item is small Impact.</li>
</ol>
</body>
</html>
4. Font Size
<!DOCTYPE html>
<html>
<head>
<title>First font size change</title>
</head>
<body>
<p style="font-size: 10px"> Some text for you to make tiny! </p>
<p style="font-size: 20px"> Some text for you to make normal size!</p>
<p style="font-size: 40px"> Some text for you to make super big!</p>
</body>
</html>
<html>
<head>
<title>First font size change</title>
</head>
<body>
<p style="font-size: 10px"> Some text for you to make tiny! </p>
<p style="font-size: 20px"> Some text for you to make normal size!</p>
<p style="font-size: 40px"> Some text for you to make super big!</p>
</body>
</html>
4. Click the Images
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.fernandhoricho.blogspot.com/">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xpf1/t31.0-8/10380874_718023981613627_718047094315800177_o.jpg?dl=1" />
</a>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.fernandhoricho.blogspot.com/">
<img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-xpf1/t31.0-8/10380874_718023981613627_718047094315800177_o.jpg?dl=1" />
</a>
</body>
</html>
5. Images and Link
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
6. List Inside a List
<!DOCTYPE html>
<html>
<head>
<title>Nested lists</title>
</head>
<body>
<ol>
<li>Dad's interests
<ul>
<li>football</li>
<li>knitting</li>
</ul>
</li>
<li>Mom's interests
<ul>
<li>hating football</li>
<li>skydiving</li>
</ul>
</li>
</ol>
<ol>
<li>Favorite boys' names</li>
<ul>
<li> Fernandho torres</li>
<li> Eden Hazard</li>
<li> Didier Drogba</li>
<li> Cesc Fabregas</li>
</ul>
<li>Favorite girls' names</li>
<ul>
<li> Someone</li>
<li> Eden Hazard</li>
<li> Didier Drogba</li>
<li> Cesc Fabregas</li>
</ul>
</ol>
</body>
</html>
<html>
<head>
<title>Nested lists</title>
</head>
<body>
<ol>
<li>Dad's interests
<ul>
<li>football</li>
<li>knitting</li>
</ul>
</li>
<li>Mom's interests
<ul>
<li>hating football</li>
<li>skydiving</li>
</ul>
</li>
</ol>
<ol>
<li>Favorite boys' names</li>
<ul>
<li> Fernandho torres</li>
<li> Eden Hazard</li>
<li> Didier Drogba</li>
<li> Cesc Fabregas</li>
</ul>
<li>Favorite girls' names</li>
<ul>
<li> Someone</li>
<li> Eden Hazard</li>
<li> Didier Drogba</li>
<li> Cesc Fabregas</li>
</ul>
</ol>
</body>
</html>
Tidak ada komentar:
Posting Komentar