HTML Beginner to Advanced

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Task Navigation 

Basic HTML 4.01

Headings of different sizes:

  • <h1>This is a heading</h1>
  • <h2>This is also a heading</h2>
  • <h3>Yet another heading</h3>
  • <h4>And Another heading</h4>
  • <h5>Heading yet again....</h5>
  • <h6>Final heading</h6>

Paragraphs are represented by the following tags:

  • <p>Representing the beginning of a paragraph
  • </p>End of the paragraph

Links are made by doing the folowing:

  • <a href="Website Address">This is a link</a>

Images are used with the following method:

  • <img src="Picture name here" width="104" height="142">

Tags are used to tell the web browser where everything goes on which portion of the page.Elements are tags such as the <p></p>, <br>, <head></head>, etc.

Attributes are represented by the <a> tag attributes can consist of links, classes, id, styles, and titles.

Comments are made in the following way:    <!-- This is a comment -->     Good code is readable and well commented when nessacery.

Lines breaks are done with the following tag <br> an example is: "<p> This is a line <br> break.</p>"

Formatting your web page makes it easier to read, understand and to emphasize any major points within the webpage. The following are the tags you can use for formatting your text within the webpage:

  • <b> Defines bold text
  • <em> Defines emphasized text
  • <i> Defines text in an alternate voice or mood depending on what you wish to define it as.
  • <small> Defines small text
  • <strong>Defines important text
  • <sub>Defines subscripted text
  • <sup> Defines superscripted text
  • <ins> Defines Inserted text
  • <del> Defines deleted text

Computer output formatting examples:

  • <code>     Defines computer code text
  • <kbd>     Defines keyboard text
  • <samp>     Defines sample computer code
  • <var>     Defines a variable
  • <pre>     Defines preformatted text

Citations, Quotations, and definition tag examples:

  • <abbr>     Defines an abbreviation or acronym
  • <address>     Defines contact information for the author/owner of a document
  • <bdo>     Defines the text direction
  • <blockquote>     Defines a section that is quoted from another source
  • <q>     Defines an inline (short) quotation
  • <cite>     Defines the title of a work
  • <dfn>     Defines a definition term

Your first task is to write each tag, with something after it followed by a closeing tag when nessacery.Write each one 15 times and then submit your work.You will need to do it on paper, and then submit a picture of your handwritten work.Upload as many photos of the work you need to.Note that the tag <br> does not have a closing tag, however, all the other ones do.

Task Discussion