Links: HTML and CSS

1. Create a new file and name it “links.html”

2. Add in the <head> tag, name your page: <title>Links</title>

3. Add the following code in the <head> tag below <title>Links</title>:

<link rel=”stylesheet” type=”text/css” href=”style.css” />

4. Add in the <body> tag:

<p><a href=”Add full website url here” target=”_blank”>link</a></p>

5. Add to the css file:

/*link css*/

a:link {
color: #ff0000;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #ff0000;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #999999;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}

/*end link css*/

Visit the w3schools website for more info about link html.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s