HTML

Hyper Text Markup Language is the language that all your web pages are written in. Learning HTML is one of the most valuable skills you can have in the modern world.

You can write HTML directly and this is a good skill to have (see the associated optional lab). However, to write HTML quickly, you'll want to use an editor that allows you to edit web pages like you edit traditional documents in a word processor (i.e. MS-Word). This is also referred to as What-You-See-Is-What-You-Get (WYSIWYG) editing. I recommend the following two products because they allow you to edit HTML either as WYSIWYG or by editing the HTML directly.

• Adobe DreamWeaver (Most complete)
• Pingendo (also supports mobile devices with Bootstrap)

You can also use a hosted solution. This is where an organization provides a server for you to access over the Internet. You either edit the files on a website or locally and then upload the files. Examples of these solutions include:

• GoDaddy
• Reclaim Hosting
• DreamHost

If you do a lot of work with web pages, you will want to learn how to "code" HTML. I feel the best resource for this is the W3Schools website. However, their website describes all of the HTML tags and you will only need a subset. I recommend focusing on the following tags:

• Page structure:
  • html
  • body - for the body, or content, of the page
  • head - for metadata and page titles
  • script - for JavaScript
  • style - for styles
• Body content:
  • h1, h2, h3, etc. - headings
  • p - paragraph
  • div - for elements that you want to position on the page
  • table, tr, td
  • ol, ul, li- lists
  • a - "anchor" tags for hyper-links
  • img - images
  • form - for forms
  • buttons - for buttons (in or out of a form)
  • input - for input elements in forms (text boxes)
  • select - select lists (popup menus) in forms

Additional Resources

W3Schools - Excellent tutorials and reference information on HTML

 

Next >