CheckPoint: Quick Check

The tag used to insert a image is <img> and this tag embeds an image in an HTML page. If you notice that the images are not technically inserted into an HTML page, images are linked to HTML pages. The <img> tag creates a holding space for the referenced image. The <img> tag has two required attributes: src and alt. In HTML the <img> tag has no end tag. In XHTML the <img> tag must be properly closed.
An example could be: <img src="url" alt="some_text"/>

The tag that represents Bold text is <b>. And by adding this to your code will bold anything within the tag.

An example could look like this: <b> Welcome to the home of great discounts </b>. And would show on your page like this: Welcome to the home of great discounts

The tag to link a page to another one is <a href=” “> </a>. For this to work is to have all of the pages you want to use in the same folder with proper titles to link in to the other pages. Most have a index.html and all other pages have to have .html at the end of the title for it to work as well.

An example of this could be: <a href=”aboutus.html”>About us</a>

External CSS is a file that contains only CSS code and is saved with a .css file extension. In your HTML you will use the <link> not the <style> tag to insert the style sheet. The code would look like this:

Body { background-color: gray;} P { color: blue;} H3 { color: wite;}

So the code in the HTML would look something like:
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
<h3> A White Header </h3>
<p> This paragraph would be in blue font. The background color for this page would be gray because we changed it with the CSS style sheet! </p>
</body>