HTML stands for hypertext markup language. It is the basis of all web pages on the Internet. By learning the “tags” or “code” of html, it is possible to publish all sorts of information globally via the World Wide Web. HTML is not difficult to master once the fundamentals of the language are understood.
HTML/Head/Body Tags – There are several tags that are essential when writing an HTML document. The four foundation tags to learn are: < html>, < head>, < title> and < body>. The html tag is always first, as it identifies the type document. Next in place is the header tag, which will show the name of the document. The title tag always follows the header tag and the name of the document appears inside this tag. Last is the body tag. This denotes the beginning of all the information that is put into the document. It is very important to remember to close the tags after putting in the proper information. This is done by adding a slash to close the tag, as < /html>.
Header tags (H1-6)
Header tags are used in HTML to control the size or boldness of certain areas of text.
being the biggest to
being the smallest.
The paragraph tag is used to indent paragraphs or to add large spaces within an HTML document. It looks like this: < p>. It takes the place of spacing used in keyboarding text documents.
This is the html tag used to link to another page or another area of the document. The code used to embed a link looks like this:
Image source is the tag used to add pictures to a web page. Here is an example of how it is written: In order for the image to show on the page, the entire path or location of the image must be placed within the tag.
- Valuable information on finding images, legal aspects of using images and how to make images a vital part of a web page
This is the tag is used for adding horizontal lines and is useful to break up text within the document or adding interest to a page.
This tag stands for a “line break” and is the simplest tag to use for this purpose.
These types of text emphasis are achieved by using: , or It is important to close the tags when the emphasis of text is completed.
Tables can be used in a variety of ways within web pages. Some of their uses include charts, buttons and calendars. There are three fundamental tags that are used for tables. These are: , and
- http://www.temple.edu/cs/web/tables.html: An all-inclusive page devoted to using tables and their tags.
- http://www.tjhsst.edu/~dhyatt/superap/tables.html: Formatting pages with different types of tables and charts.
- http://www.mcli.dist.maricopa.edu/tut/tut21.html: In depth lesson on creating tables within an HTML document.
It is possible to add different types of lists within an HTML document. The three types of lists are the ordered list that uses numbers, the unordered list that uses bullets and the definition list that lists by indentions.
- http://apl.jhu.edu/Classes/Notes/LMBrown/courses/605-481/notes/HTML/Ordered-Lists.html: This page gives examples and tags for different types of ordered lists.
- http://web.simmons.edu/~comm244/lessons/two.html – lists: An easy to follow lesson on using different types of lists in web pages.
What is CSS? CSS stands for “Cascading Style Sheets” and it is used to enhance the style of HTML documents. Many times CSS and HTML are confused. To understand the difference, think of HTML as the language used to construct basic content of a web page and CSS as a means to format the HTML content. CSS is a means of controlling the overall look and style of an HTML document. When using CSS, there are a number of basic tags that can be utilized.
A common tag used in CSS is the
tag. This tag is means a “division” within the document. This tag is very useful when designing a page. By using this tag, it is possible to control the positioning of text within the document.
Without justifying an HTML document, the pages are displayed with crooked margins. Unless the text is “justified” or centered on the page this can happen. Most browser’s display the text with an uneven edge on the right side. To center text, it is necessary to use the “ text-align: justify;” tag in the section of your document.
The term used for aligning an object such as an image to a certain position on the page A number of elements can be floated in a web document. By using the “float” tag, it is possible to wrap text around embedded objects on a page. This can be done in either basic HTML or by adding a CSS format.
By using the “comments” tag, the author of the web page can add notes to themselves or to future programmers. This aids in giving a glimpse of how the page was put together and give insightful knowledge on how to upgrade the page to the standards current for the times. When the comments tag is added, normal viewers do not see the wording. Those trained in HTML programming will be able to retrieve author comments and adjust content as needed.
For further study on basic HTML:
- Working with color on web pages
- Uses and codes for adding forms to a web page
- Sequential lessons on basic HTML
- Informative guide on HTML spanning three lessons
- Watch an online video to learn how to create a simple web page
- Excellent “cheat sheet” in PDF form to print out
- A wonderful resource for learning how to create a CSS type web page