HTML 4.0 and Web Page Design Module I. Preview. Examining HTML Writing source code Placing text on the page Formatting text Creating headings and horizontal rules Creating lists Adding color to your Web pages Introducing graphics Adding hypertext links Creating graphic hyperlinks.
The Web, or World Wide Web, is the area of the Internet that allows you to display text and graphics and play videos, and movies. With appropriate equipment, you can even receive or broadcast live audio and video.
A Web site stores information that has been organized into individual hypermedia documents, Web pages, and holds it on a server for distribution across the Internet.
A hyperlink, or link, usually appears as colored, underlined text or a graphic on a Web page. A link is a jumping-off point for moving from one subject to another.
A hypermedia document is a document with a format that can be displayed online, in a browser. In practice, hypermedia documents are often called HTML files, although they may contain many other types of files.
HTML is a tag-based markup language you use to create Web pages.
A browser is a software application that allows you to view HTML documents, whether Web pages or HTML files, on your own computer. Two popular browsers are Internet Explorer and Netscape Navigator.
Tags are instructions that specify how a browser should display the text and graphics on Web pages.
Source code is the tags and text you include in an HTML file.
Settings that affect the display of Web pages:
Backward compatibility is the idea that earlier versions of HTML, and the Web pages developed with those versions, should not be made obsolete. Browsers must accommodate several versions.
A text editor is a software application used to create and manipulate text, such as Notepad and WordPad.
Extensions are tags added to HTML documents to identify certain types of files included in those documents. Examples include .wav for WAV audio files, or .jpg for a certain type of graphics file.
Attributes define a specific application of a tag. You associate an attribute with a tag by including it within the tag brackets.
In a Web document, a paragraph is one or more lines of text that are kept together on a page. A paragraph may or may not include line breaks.
The line break ends a line of text instantly and makes the following text or element flow to the next line.
Address formatting – Notepad
Address formatting – browser
Block quotes are indented sections of text used to offset particular elements of a document.
Text attributes are HTML codes you use to offset or emphasize text in HTML documents.
Content-based tags signal the browser to interpret the purpose or content of the text. Although all browsers recognize content-based tags, each may display the marked text in a different way.
Format-specific tags define the appearance of the text but do not provide specification about its content.
Headings are specially formatted titles or topic lines of text.
Horizontal rules are lines used to divide areas of a document.
A pixel, or picture element, is a single point in a graphic element. Pixels are so close together that they appear connected.
Actual pixel widths:
Actual pixel widths means that your rule line will appear the same size in every instance, as long as the display resolution does not change.
Relative percentage widths:
Relative percentage widths will always appear the same width in relation to the size of the browser window.
Unordered lists are collections of related items displayed in no particular sequence—like many shopping lists. The lines of unordered lists are not numbered or lettered.
Ordered lists are collections of items in a specific pattern or order. Step-by-step instructions and tables of contents are examples of ordered lists.
Definition lists present collections of terms and explanations. A glossary is a good example of a definition list.
List tags define the style of a list. Every list requires an opening list tag and a closing list tag.
A line tag indicates to a browser that the text following it is a list item. A series of line tags makes up a list.
16 basic colors recognized by all browsers:
Hexadecimal code, or hex, is a numbering system that uses both numeric and alpha characters to define sets of 16 elements. Browsers can interpret hex codes as specific colors.
RGB represents red, green, and blue — the three colors of light which can be mixed to produce any other color.
GIF stands for Graphics Interchange Format. The GIF image format was first developed for image transfer among CompuServe users.
JPEG stands for Joint Photographic Experts Group, which is the name of the standards organization that developed the JPEG image format.
Hypertext links are words or phrases specially coded by a Web author to allow users to navigate among Web pages and images.
An anchor is the component of a hyperlink that viewers click on to move to a target location or Web document. The anchor tag is <A>.
A target is the component of a hypertext link to which viewers move.