Thursday, October 16, 2014

Session 2

MindMap:



Bài 1:


Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Website logo</title>
</head>

<body>
<table border="1" cellspacing="6" cellpadding="10" width="100%" height="980px">
<tr height="100px">
<td colspan="2" bgcolor="#666600"><p style="color:#FFF; font-size:xx-large"><b>Website logo</b>
            </p></td>
</tr>
<tr height="80%">
<td width = "50px" bgcolor="#666666">Website link  </td>
<td bgcolor="#CCCCCC"><h1>Page heading</h1>
Hello the world
</td>
</tr>
<tr>
<td height="120" colspan="2" align="center" bgcolor="#666600">Copyright 2010</td>
</tr>
</table>
</body>
</html>


Bài 2:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>yahoo</title>
</head>

<body>

<form>
<div align="center" >
<img src="http://www.adweek.com/files/imagecache/node-blog/blogs/yahoo-original.jpg" alt="Logo" width="652" height="367" style="border:none; " />

<h1><b>Sign Up</b></h1>
<input type="text" size="30" placeholder="First Name" />
<input type="text" size="30" placeholder="Last Name" />
<br /><br />
<input type="text" size="66" placeholder="Yahoo username               @yahoo.com" />
<br /><br />
<input type="text" size="57" placeholder="Password" />
<input type="checkbox" />show
<br /><br />
<select name="Country">
<option>VietNam</option>
<option>America</option>
    <option>Japan</option>
    <option>Australlia</option>
    <option>Singapore</option>
    <option>Mexico</option>
</select>
<input type="text" size="50" placeholder="Mobile number" />
<br />
birthday: <input type="date" />
<br />
<input type="radio" />Male
<input type="radio" />Female
<br /><br />
<select name="Country">
<option>VietNam</option>
<option>America</option>
    <option>Japan</option>
    <option>Australlia</option>
    <option>Singapore</option>
    <option>Mexico</option>
</select>
<input type="text" size="52" placeholder="Relationship" />
<br />
<p>I agree to the <a href="yahoo term">Yahoo term</a> and <a href="Privacy">Privacy</a></p>
<br />
<button>Create Account</button>
</form>
</div>
</body>
</html>

No comments:

Post a Comment