HTML course

Intrdocution

The concepts of linear media and hypermedia. You will learn about HTML and the basics of document structure. Objectives Upon completing this section, you should be able to
1. Explain hypermedia vs. linear media.
2. Define HTML.
3. Describe the Basic Document Structure.
4. Identify the sub-elements of the header.

Linear Media
Linear media is a term used to describe any media where there is a defined beginning and a linear progression to the end. Forms of linear media such as movies, audio and videotapes, and most books are organized with this expectation. The World Wide Web, however, is organized very differently.
Hypermedia
Hypermedia is where the user simply selects the next item of interest and is immediately transported to that new location. A good example is an audio CD where you can choose song 5 and listen to it almost immediately. Contrast this with an audiotape where you would have to scan through from your current location on the tape to the beginning of the song.
When this concept is applied to text you get hypertext, where by {Clicking} on a link or hotspot (hyperlink) you are immediately transported to a new location within the same page or to a new page altogether. When you interlink a large number of pages of text on different computers all over the world, you get a spider web-like system of links and pages.

This is known as the World Wide Web – a system whereby pages stored on many different web servers, connected to the Internet, are linked together. The system is useful because all of the pages are created in the same format. This format or “language” is called HTML, (Hypertext Markup Language) a subset of an international standard for electronic document exchanged called SGML (Standard Generalized Markup Language). In this class you will be introduced to the format of an HTML page, you will learn about the components that make up HTML, and how to create pages that can be published on the World Wide Web.

What is HTML Markup?
HTML is a set of logical codes (markup) in parentheses that constitute the appearance of a web document and the information it contains.
E.g. This text would appear bold in the browser The codes are enclosed by less than “<”, and greater than “>” brackets. These bracketed codes of the markup are commonly referred to as tags. HTML codes are always enclosed between brackets and are not case- sensitive; meaning, it does not matter whether you type them in upper case or lower case. However, tags are easier to recognize in a web document if they are capitalized.