Within few hours we need to submit the output as above picture to our lecturer as attendence.
So, after few hours I keep fighting with coding and finally I get the coding and technique to create the personal profile through Dreamwaver. The coding is shown in below :
<!DOCTYPE html>
<html>
<head>
<title>LABTEST 1</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<body style="background-color:#000000;">
<center><h3><font color="white"><b>MY PERSONAL PROFILE</b></font><br\></h3></center>
<body>
<table style="width:70%" height="180" bgcolor="#000099" align="center">
<tr>
<th colspan="2"> <center><font color="white"><text align="center"><b>STIV3093 GAME APPLICATION DEVELOPMENT</b></font></align> <font color="white"><p>SEMESTER A171(2017/2018)</p></font></center> <br></br>
</th>
<th width="5" bgcolor="#0099FF"><img src="file:///C|/Users/User/Desktop/Unnamed Site 2/16650818_10210618071879605_1607834052_o.jpg" width="160" height="160" align="right"><font color="white"> </th>
</tr>
</table>
<table style="width:70%" align="center" bgcolor="#00BFFF">
<tr>
<th width="6"><font color="white">Name</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">YIP LIN YEE</font></th>
</tr>
<tr>
<th><font color="white">StudentID</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">239764</font></th>
</tr>
<tr>
<th><font color="white">Semester/Year</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">5</font></th>
</tr>
<tr>
<th><font color="white">Gender</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">Female</font></th>
</tr>
<tr>
<th><font color="white">Phone Number</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">0103654617</font></th>
</tr>
<tr>
<th><font color="white">Best Friend's Name</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">Crystal Lim Mee Ling</font></th>
</tr>
<tr>
<th><font color="white">Best Friend's Phone Number</font></th>
<th bgcolor="#000000" width="1"><font color="white">:</font></th>
<th bgcolor="#FFFFFF"><font color="#000099">01117803821</font></th>
</tr>
</table>
</body>
</body>
</html>
Final output :
Tada.... Is that quiet same ?
Yes ! It is same but without using css !
So, after submit ! The class is end! ❤❤
So, after submit ! The class is end! ❤❤
No comments:
Post a Comment