In this lab I created a table that has 15 rows (not including the heading) and 3 columns. First I went to text edit and did the basics for creating a html document which was having an html tag, a body tag, a center tag, headings tag, and I also put a body background color and font color tag to make the website look better. After that I put a table tag and made a table border. The headings for the table were color name, hexadecimal and hue. I found the hexadecimal color code for the 5 colors that we had to pick and then I went to w3schools.com to choose the other remaining 10 colors of my choice. I had to use the td style tag and the bg color tag to make the color appear in the third column. At first it was hard to make the color appear in the third column because instead of the color the coding showed instead and then I realized my mistake, again you have to be very careful with coding because if you mess up then it will not work.
This is the coding I used for this lab:
<!DOCTYPE html>
<html>
<body bgcolor="#EEE8AA">
<body>
<center>
<h1> <font color="blue"> Digital Design </h1>
<h2> Lab#4 October 2, 2015 </h2>
<h3> By Sheima Begum </h3>
<table>
<tr>
<table border="1">
<th>Color Names</th>
<th>Hexadecimal</th>
<th>Hue</th>
</tr>
<tr>
<td> Hushed Violet </td>
<td> #EE82EE </td>
<td style="width:30%" bgcolor="#EE82EE"> </td>
</tr>
<tr>
<td>Maroon</td>
<td>#800000</td>
<td style="width:30%" bgcolor="#800000"> </td>
</tr>
<tr>
<td>Distant Blue Star</td>
<td>#cad8ff</td>
<td style="width:30%" bgcolor="#cad8ff"</td>
</tr>
<tr>
<td>Early Southern Dawn</td>
<td>#FFFBE6</td>
<td style="width:30%" bgcolor="#FFFBE6"</td>
</tr>
<tr>
<td>Reflecting Windowpane</td>
<td>#elebe3</td>
<td style="width:30%" bgcolor="#elebe3"</td>
</tr>
<tr>
<td>Oriental Mandarin Orange</td>
<td>#e77843</td>
<td style="width:30%" bgcolor="#e77843"</td>
</tr>
<tr>
<td>Indigo</td>
<td> #4B0082 </td>
<td style="width:30%" bgcolor="indigo"</td>
</tr>
<tr>
<td>Magenta</td>
<td>#FF00FF</td>
<td style="width:30%" bgcolor="magenta" </td>
</tr>
<tr>
<td>Medium Aqua Marine</td>
<td>#66CDAA</td>
<td style="width:30%" bgcolor="#66CDAA"</td>
</tr>
<tr>
<td>Black</td>
<td> #000000</td>
<td style="width:30%" bgcolor="black"</td>
</tr>
<tr>
<td>Crimson</td>
<td> #DC143C</td>
<td style="width:30%" bgcolor="crimson" </td>
</tr>
<tr>
<td>Green</td>
<td>#008000</td>
<td style="width:30%" bgcolor="green" </td>
</tr>
<tr>
<td>Gold</td>
<td>#FFD700</td>
<td style="width:30%" bgcolor="gold" </td>
</tr>
<tr>
<td>Dodger Blue</td>
<td> #1E90FF</td>
<td style="width:30%" bgcolor="#1E90FF" </td>
</tr>
<tr>
<td>Sienna</td>
<td> #A0522D</td>
<td style="width:30%" bgcolor="sienna"</td>
</tr>
</center>
</table>
</body>
</html>
No comments:
Post a Comment