Triiistan
Contributor
Hello Se7enSins!
If somehow you didn't read or notice the title of this thread, I am a HTML and CSS beginner. I've been asking around on the best way to learn, and everyone was responding with make a "project" webpage. Like a small project just to help me learn, and retain it as well. My webpage is no where near being done, but I would like some pointers, to help me improve what I already have. Also, please help me with CSS, my webpage looks so ugly!
index.html
web.css
Thanks Everyone! Also, do you recommend me doing CSS externally like I am now, or internally? I am NOT going to do in line styling. I have been told to avoid this where ever possible
Thanks Everyone!
If somehow you didn't read or notice the title of this thread, I am a HTML and CSS beginner. I've been asking around on the best way to learn, and everyone was responding with make a "project" webpage. Like a small project just to help me learn, and retain it as well. My webpage is no where near being done, but I would like some pointers, to help me improve what I already have. Also, please help me with CSS, my webpage looks so ugly!
index.html
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Modern Warfare 2 Info</title>
<link rel="stylesheet" type="text/css" href="web.css" />
</head>
<body>
<h1><center><u>Modern Warfare 2 Info</u></center></h1>
<h2>Weapons</h2>
<h3><dd>Primary Weapons</dd></h3>
<ul type ="circle">
<dd>
<li><a href="http://www.google.com">Assualt Rifles</a></li>
<li><a href="http://www.google.com">Sub Machine Guns</a></li>
<li><a href="http://www.google.com">Light Machine Guns</a></li>
<li><a href="http://www.google.com">Sniper Rifles</a></li>
<li><a href="http://www.google.com">Riot Shield</a></li>
</dd>
</ul>
<h3><dd>Seconday Weapons</dd></h3>
<ul type="circle">
<dd>
<li><a href="http://www.google.com">Machine Pistols</a></li>
<li><a href="http://www.googlecom">Shotguns</a></li>
<li><a href="http://www.google.com">Handguns</a></li>
<li><a href="http://www.google.com">Launchers</a></li>
</dd>
</ul>
<h3><dd>Other</dd></h3>
<ul type="circle">
<dd>
<li><a href="http://www.google.com">Equipment</a></li>
<li><a href="http://www.google.com">Special Grenades</a></li>
</dd>
</ul>
<h2>Perks</h2>
<p>In Modern Warfare 2 perks are special abilities / power ups for multiplayer combat. There are only 3 perk slots available to you and each slot consist of different types of perks, so choosing the right ones for your class is crucial. The same applies in Modern Warfare 3; there are only a limited amount of slots available, so choosing the right ones from the modern warfare 3 perks list is extremely important.</p>
<p>Unlike in the previous Call of Duty games, each perk can now be upgraded to a Pro version by completing its challenge. Note: Pro perks are additions to each perk, they don't replace them. All versions of the game (Xbox 360, PlayStation 3 and PC) unlock the pro perks the same way.</p>
<h3><dd>Perk Slot 1</dd></h3>
<table border="6">
<tr>
<td>Perk Name</td>
<td>Ability</td>
<td>Pro Ability</td>
</tr>
<tr>
<td>Marathon | Marathon Pro</td>
<td>Unlimited Sprint</td>
<td>Get over obstacles faster</td>
</tr>
<tr>
<td>Sleight of Hand | Sleight of Hand Pro</td>
<td>Faster reloading</td>
<td>Gives a speed boost to how fast you can aim down the sight of your weapon</td>
</tr>
<tr>
<td>Scavenger | Scavenger Pro</td>
<td>Full resupply from dead enemies</td>
<td>Extra magazines</td>
<tr>
<td>Bling | Bling Pro</td>
<td>2 primary weapon attachments</td>
<td>2 secondary weapon attachments</td>
</tr>
<tr>
<td>One Man Army | One Man Army Pro</td>
<td>Replaces your secondary weapon. This allows you to change your class at any given time during a match. This perk has been removed from the Modern Warfare 3 perks list.</td>
<td>Swaps classes even faster</td>
</table>
web.css
Code:
p {
color: #000;
}
body {
background-color: #7A8B8B;
}
h1 {
color: rgb(0,0,0);
}
a {
color: #8B4726;
}
Thanks Everyone! Also, do you recommend me doing CSS externally like I am now, or internally? I am NOT going to do in line styling. I have been told to avoid this where ever possible
Thanks Everyone!