HTML 4 Foundation Level Course

HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform Web documents that contain formatting, links, images, and multimedia components.

HTML Syntax An HTML document is divided into the HEAD and the BODY elements. –The HEAD element contains the TITLE element. –The BODY element contains the content of your HTML page. Opening tag: element name enclosed by angled brackets ( ) Closing tag: element name preceded by a forward slash inside angle brackets ( ).

HTML Editors There are two categories of editors: WYSIWYG and Tag-based. With WYSIWYG editors, you can work with the layout of the page instead of the HTML source code as you would with Tag-based editors. WYSIWYG Editor Tag-based Editor

File Types and File Structure To create Web pages for your Web site, you need to create HTML files. Web browsers process HTML files to display the formatted document with the appropriate images, multimedia elements, and links. This file format uses the extension.htm or.html.

Review Questions

Designing a Web Site Who is your target audience? –Technical requirements? Internet Connection Speed Display Resolution Web Browser Type and Version Plug-ins

Customizing Page Properties Customize your Web page using the attributes and attribute values of the BODY element. For example, you can set the colors for the background, BODY text and links. Ex:

Formatting Text Use the FONT element to overwrite browser defaults. –Specify the type, size, and color of font you want to use. –Ex:

Formatting Text Blocks Horizontal Rules break up sections of your page. Customize the HR element by changing the width, thickness, shading, and alignment options. Headings separate your page into sections. Largest: H6 Smallest: H1

Working with Text You can use Paragraphs to add text to your Web page. HTML requires codes to display spaces and special characters the way you want to see them. Special Characters in HTML begin with the ampersand (&) and end with the semicolon (;). They are identified by their code, which you can look up using the Character Map.

Working with Lists Three types of lists: –A bulleted list will indent the text and mark each item in the list with a bullet. –A numbered list will indent the text and number each item in the list. –A definition list is designed for glossaries. There are two parts to a definition list: Term and Definition.

Review Questions

Graphics for the Web Image Types –GIF (.gif): reduceX file size by limiting the image to a maximum of 256 colors. –JPEG (.jpeg or.jpg): uses compression to reduce file size. It can display images in 24-bit color (millions of colors). –PNG (.png): The Portable Network Graphics format is a relatively new format It takes advantage of a new way to store information such that you can have a small file size without losing any color or image information.

Images Instead of a solid color, you can use an image for the background of your Web page. You can use the Image or IMG element to add an image to your web page.

Working with Tables Tables can be used to align your data from spreadsheets, listings, or other data. In HTML, a Table is comprised of Table Rows, and each Table Row contains Table Cells. The TABLE element is used to define a Table. A Table Row is defined by the TR element, and a Table Cell is defined by the TD element.

Review Questions

OK. Let’s Get Started!