Introduction to HTML Programming

Info

  • Level: Beginner
  • Presenter: Eli the Computer Guy
  • Length of Class: 100 Minutes

Tracks

Prerequisites

Purpose of Class

This class teaches students basic HTML Programming.  After taking this class students will be able to code basic HTML web pages and write raw HTML code for sites such as Craigslist.

Topics Covered

  • Creating an HTML Page
  • Formatting Text
  • Creating Lists
  • Creating Tables
  • Adding Pictures
  • Adding Hyperlinks

Class Notes

  1. Introduction
    1. HTML is still very relevant for web programming
    2. HTML is used  to create Static Web Pages and for Formating
  2. The Basics
    1. Suffix has to be with .htm or .html
    2. Home page has to be named INDEX or DEFAULT
    3. Different web browsers display things differently
    4. Deprecated means you should not use
    5. If you have a LINUX web server you have to make sure you use correct capitalization
  3. Layout Your Page
  4. <HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>
  5. Formatting Text
    1. H1-H6 p
    2. <H1>This is a Heading 1 Title</H1>
    3. Alignment = <H1 ALIGN=”CENTER”> Title</H1>
    4. <P>Paragraph</P>
    5. <STRONG>BOLD</STRONG>
  6. Creating Lists
    1. Ordered List = <OL> </OL>
    2. Unordered List = <UL> </UL>
    3. List Items = <LI> </LI>
  7. Tables
    1. <TABLE BORDER=”1”><TR><TD></TD></TR></TABLE>
    2. Row = <TR> </TR>
    3. Cell = <TD> </TD>
  8. Adding Pictures
    1. <IMG BORDER="1" SRC="pictures/smiley.jpg" width="304" height="228" >
    2. Use ../ to go up a directory
  9. Adding Hyperlinks
    1. <A HREF=”http://www.everymanit.com” TARGET=_BLANK> GO TO EVERYMAN IT</A>
  10. Final Thoughts
    1. Play and do your own research!!! Huge numbers of FREE resources
    2. www.w3schools.com is a good resource

2 Responses to Introduction to HTML Programming

  • Mazeedt says:

    Hi, I’d just like to say thanks for some awesome classes. Never thought I would be able to do stuff like this but thanks to your easy videos I had this webpage: http://www.mazeedt.com/home.html made in like 6 hours of listening to video and playing around.
    Keep up the good work!
    /

  • Danelli says:

    Thank you very much for this lesson from a math teacher! I like to watch the lesson develop from a white space to clear instructions.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



















Subscribe to me on YouTube