HTML Tutorial

Welcome to the Telvior HTML Tutorial. Webmasters, remember that if you would like to use this content, please contact us to ask, and please don't steal our content. Thank You.

HTML
HyperText Markup Language

HTML is a programming language used in web programming. HTML does not style a page, but it does give a skeleton for the styling to sit on top of. If you are looking to style web pages, go to our CSS Tutorial [coming soon].

Contents

  1. Definitions
  2. HTML Skeleton
  3. Commonly Used Tags

Definitions
Tag - all HTML elements are created with tags. A tag consists of an element's name, surrounded by < and > symbols. For example, if I wanted to insert an image located at 'www.mywebsite.com/image.jpg', I would type: <img src="www.mywebsite.com/image.jpg">. The 'img' is the name for the 'image' tag, and the 'src' is the 'source' (location) of the image to display.

Heading - Nothing put in between <head> and </head> will actually show up, but is used to work with the browser and search engines to access your page.` You will work with this more when you combine HTML with languages like CSS, JavaScript, and PHP [tutorials coming soon].

HTML Skeleton

<html><-- Tells the browser that you are making a HTML document.
  <head><-- Tells the browser you are starting the heading.
    <title>Webpage Title</title><-- Put your title here
  </head><-- End of the heading
  <body><-- Start of the body...the part of the page that will show
    Webpage Content Here
  </body><-- End of the body
</html><-- End of the HTML document


Commonly Used Tags
<b> - Bolds text in between the b opening and closing tags: <b>bold text</b>
<i> - Makes text italic between the i opening and closing tags: see example for b tag.
<u> - Underlines text in between the u opening and closing tags: see example for b tag.
<a> - Creates a link. The href parameter tells where the link should go, example: <a href="WHERELINKSHOULDGO">TEXTTODISPLAY</a>
<h#> - Makes text a heading (bigger and thicker). Can be heading 1-6 (1 is the biggest). See example for b tag.
<p> - Creates a paragraph from the text in between the p opening and closing tags: see example for b tag.


Got feedback? Tell us what you think by filling out this form.