Hey there.. Now we're going to learn how to use HTML using Dreamweaver. Here's the simple interface design using HTML.
Code example:
<!DOCTYPE html>
<html>
<head>
<title>My Personal Profile</title>
</head>
<body style="background-color:black;">
<b><p align="center" style="font-family:verdana; color:white">MY PERSONAL PROFILE</p>
<table border=0px align="center" style="background-color:#000066;">
<tr height="175px">
<th width="660px" height="190px" colspan="2">
<b><p align="center" style="color:white;">STIV3013 WWW PROGRAMMING<br></br>SEMESTER A171 (2017/2018)</p></b></br></br></br>
</th>
<th width="175px" height="175px" style="background-color:#1a8cff;"><img src="../labExercise/profile picture.jpg" width=170 height=200></th>
</tr>
<table border=0px black; align="center">
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Name</td>
<td width="1px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Sharmalla a/p Perisamy</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Student ID</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">239584</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Semester / Year</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Semester 5</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Gender</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Female</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Phone Number</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">011-1693 4810</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Best Friend's Name</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Tharshana a/p Rajendran</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Best Friend's Phone Number</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">05- 7771720</td>
</tr>
</body>
</html>
Code example:
<!DOCTYPE html>
<html>
<head>
<title>My Personal Profile</title>
</head>
<body style="background-color:black;">
<b><p align="center" style="font-family:verdana; color:white">MY PERSONAL PROFILE</p>
<table border=0px align="center" style="background-color:#000066;">
<tr height="175px">
<th width="660px" height="190px" colspan="2">
<b><p align="center" style="color:white;">STIV3013 WWW PROGRAMMING<br></br>SEMESTER A171 (2017/2018)</p></b></br></br></br>
</th>
<th width="175px" height="175px" style="background-color:#1a8cff;"><img src="../labExercise/profile picture.jpg" width=170 height=200></th>
</tr>
<table border=0px black; align="center">
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Name</td>
<td width="1px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Sharmalla a/p Perisamy</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Student ID</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">239584</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Semester / Year</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Semester 5</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Gender</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Female</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Phone Number</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">011-1693 4810</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Best Friend's Name</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">Tharshana a/p Rajendran</td>
</tr>
<tr height="55px">
<td width="200px" style="background-color:#1a8cff; color:white; padding:0 10px;">Best Friend's Phone Number</td>
<td width="5px" style="background-color:black; color:white;">:</td>
<td width="590px" style="background-color:white; color:#0047b3; padding:0 10px;">05- 7771720</td>
</tr>
</body>
</html>
Comments
Post a Comment