A Detailed HTML Overview

Years ago, HTML was an acronym used purely by senior software developers and tech savvy college students. As the world has become more digitalized, the demand for HTML coding skills has greatly increased. HTML may sound like a foreign term to some. It stands for Hypertext Markup Language. Hypertext Markup Language is the language that is used on websites to display fonts, colors, links and images to the site visitors. Within the language there are several tags that are used to enable the site creator to customize the way the site looks. These tags and codes are then read by Internet browsers, which display the website according to the specifications listed in the HTML codes. Visitors to the site then view the individual pages within the site as the creator designed them, without seeing the list of codes and tags.

An Introduction to Tags

  • Common HTML Tags– This student guide to common HTML tags created by Washington University describes what HTML tags are and which are used most commonly.
  • Tags: What are they? How do they work?- Information found on this page explains what HTML tags are and specifically how they work.
  • Basic HTML Tags– The University of Texas provides a helpful tutorial explaining how to use basic HTML tags when creating websites.
  • Glossary of HTML Tags– Here, a helpful glossary featuring definitions of popular terms associated with HTML tags is provided.
  • HTML Tag Chart– This helpful HTML Tag Chart organizes tags by name, example, and browser view.

Preparing the HTML Document

Modifying the Page Title and Meta Tags

  • How to Change Page Name or URL– The University of Colorado Denver outlines the steps that are needed to modify a page title or URL.
  • Modifying Breadcrumbs, Page Title, and Meta Tags (PDF)- In this document, breadcrumbs, page titles, and Meta tags are explained, and steps to modifying them properly are discussed.
  • Guidelines for Meta Tag Usage– Here, Meta tags are discussed in great detail, including how to create and modify them to include updated information.
  • Title Tags & Meta Tags– This page offers basic information about title and Meta tags and how to create and modify them.
  • Web Editing Basics (PDF)- This document consists of multiple tips for editing several aspects of websites, from modifying tables to updating Meta and title tags.

Basic Formatting

  • Basic HTML Formatting– Using simple examples, this page covers basic HTML formatting practices, from background colors to text formatting.
  • Basic Format of a Web Page– Basic website formatting practices, such as link formatting and the use of special characters, are addressed by professionals at George Mason University.
  • HTML Formatting– Required elements of HTML formatting and shortcuts are discussed on this page.
  • DIY HTML Formatting– With the help of this tutorial, anyone can format a page like professionals.

Adding Links and Anchors

How to Insert Images

  • Tech Tutorials: Inserting Pictures– Learning to insert pictures in HTML does not require the technical skills of senior software developers. This tutorial provides all of the steps needed to add images to Web pages in terms that are easy to understand for HTML beginners.
  • Wrapping Text Around Images– This resource explains how to wrap text around images.
  • HTML Editor: Insert an Image– In this tutorial, steps for inserting images on Web pages are given.
  • Insert Media Files in HTML Editor– Images and videos are frequently posted on websites. This guide explains how to insert media files and images through the use of HTML editors.
  • Insert Image into HTML Content– This guide features step-by-step instructions and detailed screenshots to show users how to insert images into HTML content.

Creating Forms

  • Creating Forms with MS FrontPage (PDF)- In this document, detailed instructions for creating forms with MS FrontPage software are provided to assist beginners.
  • Creating Web Forms and Frames Using HTML (PDF)- This reference guide explains why Web forms and frames are important in HTML and instructs readers on the proper way to create them.
  • Form Handler– Creating forms is a more advanced feature of HTML use. This guide skips the basic details and explains the technical details behind HTML forms.

A Quick Look at Tables

  • Formatting Pages with HTML Tables– Basic table tags and table tag modifiers are provided on this Web page, which also includes examples to improve understanding of the topics discussed.
  • Creating Tables with HTML– This page explains basic HTML tables, along with boarders, titles, and headings, and step-by-step instructions for creating each are provided.
  • Creating HTML Tables– For those who are more experienced with HTML basics, this guide on creating HTML tables is an excellent resource.
  • Advanced Tables– Advanced HTML users that wish to create tables for Web pages will find the information they need to get started here.

Other HTML Resources and Information

  • 12 Common HTML Mistakes– This resource covers twelve of the most common mistakes made by those using HTML, as well as tips to avoid making these mistakes.
  • Learn HTML in 20 Minutes– Learn basic HTML practices in 20 minutes by following the instructions listed on this helpful resource.
  • What is HTML?– Here, beginners will find all of the information they need to understand the basics of HTML.
  • Learning HTML– An organized, multi-part guide to learning HTML is provided by computer experts at the University of Delaware.
  • PuzzleScript!– Using this website, users can create their own HTML game.
  • Rebound– Described as an “example game”, this resource provides the HTML codes and provides examples of the features that each code produces.