HTML Basics

This slide introduces fundamental HTML elements whose details will be given in the coming slides.

Editing HTML Files
A couple of plain text editors such as Notepad or Wordpad are available for you to edit HTML files.

HTM or HTML Extension?
The extension of HTML files could be either the .htm or the .html. The use of .htm is because the old software only allowed three letters in file extensions. With new software it is perfectly safe to use .html.

HTML Headings
HTML headings are defined with the <h1> to <h6> tags. 
   <h1>This is a heading</h1>
   <h2>This is a heading</h2>
HTML Paragraphs
HTML paragraphs are defined with the <p> tag. 
   <p>This is a paragraph</p>
   <p>This is another paragraph</p>
HTML Links
HTML links are defined with the <a> tag. The link address of this element and the image of the next element are provided as an attribute. 
   <a href="http://www.nhl.com">This is a link</a>
HTML Images
HTML images are defined with the <img> tag. 
   <img src="http://www.cs.und.edu/images/hpbanner.jpg" />

Demonstration
The following demonstration shows how the HTML script is displayed on the Web.

     


Review: HTML Links
Which is the tag for HTML links?
      a
      form
      h1
      span
Result:        




      Sure, you can invest a little money,    
      but do not get carried away (overly enthusiastic) –    
      people lose lots of money on the stock market.