HTML Basics

1. What tags make up the basic structure of an HTML document? <html> <head> <title> <body> <h1> <p>
2. What tags do you use to denote a paragraph? <p>
3. What is the difference between a paragraph tag and a line break tag? Please illustrate.  <p> ; <br>
4. How do you create a bulleted list? <ul> and the items in the list use <li >
5. How do you create a numbered list? <ol> with items using <li>
6. How do provide this very important information in your HTML code? Please show an example. <title> Very Important Title </title>
7. How do you add an image? <img src=“http://insertimagesourcelinkhere.com”>
8. How do you add a link? <a href=“http://yourlinkhere.com”> </a>
9. How do you make an image a link? <a href=“link”> <img src=”image.jpg”>  </a>
10. Provide the code for an empty table, 3 columns long and 4 rows high.
ok i need help on 9 and 10. I’m completely confused!

HELP!!!!!

Answer the following questions by providing the necessary HTML code:

  1. How do you provide invisible information on a Web page that allows you to only provide messages for people who read your HTML code? <!--This comment will not be displayed-–>
  2. How can you make your text appear on a Web browser exactly as you typed it in your HTML code?<pre> </pre>
  3. How can you provide additional information in HTML in the form of a small pop up message that is otherwise not apparent if you don’t roll your mouse over it? I DON’T KNOW!
  4. How can you create a hypertext link that will allow you to link to a specific part of the same page? <a href=”#C4″> See also Chapter 4.</a> <a name=“C4″>Chapter 4</a>
  5. If you were to create an empty table of two rows by two columns, what do you need to do to it to show the borders around each empty cell? insert &nbsp; in the cell.
  6. How do you turn an image into a hypertext link? How do you influence whether or not such an image has a border? border=0
  7. How do you change the colors of your hypertext links? How do you change the background color? <body link=”colorname”> ; <body bgcolor=”#hexcode”>

Stolen from Ryan Lissner (without permission and no, I’m refusing to reference him LOL) and his answer on the blackboard

9 How do you make an image a link?

<a href="mylink.html" rel="nofollow"> <img src="myfile.jpg" alt="my file" border="0"></a>

10 Provide the code for an empty table, 3 columns long and 4 rows high.

<table>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

From Jennifer Markham on the DB:

3. How can you provide additional information in HTML in the form of a small pop up message that is otherwise not apparent if you don't roll your mouse over it?

Using the 'alt' tag for images eg. <img src="imageaddresshere.jpg;" alt="Image">
Using the "abbr' tag for words that have be abbreviated eg. <abbr title="Australia">AUS</abbr>
Using the 'acronym' tag eg. <acronym title="Mukinbudin">Muka</acronym>

Advertisements

2 thoughts on “HTML Basics

  1. Dec, this is the correct code using <code></code> tags and escape characters to get around the WordPress (un)helping hand.

    Using the ‘alt’ and ‘title’ attributes for images eg. <img src="image.gif" title="Image" alt="Image">
    Using the “abbr’ tag for words that have be abbreviated eg. <abbr title="Australia">AUS</abbr>
    Using the ‘acronym’ tag eg. <acronym title="Mukinbudin">Muka</acronym>

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