INTRO TO HTML

[...]... text editors can be used quite effectively to create web documents HTML Editors enable users to create documents quickly and easily by pushing a few buttons Instead of entering all of the HTML codes by hand, these programs will generate the HTML ‘source code’ for you HTML Editors are excellent tools for experienced web developers; however, it is important that you learn and understand the HTML language... development tool www.hotmetalpro.com 7 2 HTML Page Creation & Editing In this chapter you will learn to create HTML pages with a standard text editor Objectives Upon completing this section, you should be able to 1 Choose a Text Editor 2 Create a Basic Starting Document 3 Understand and Set Document Properties 4 View Your Results in a Browser 8 OLM World Class Web Hosting E-commerce and Custom Internet... exercise is to familiarize you with using the concepts discussed in Chapter 2 Procedure 1 Start Notepad 2 Create the following HTML page: XYZ Corporation < /HTML> This will set your documents background color to white (Older browsers default to gray) 3 Save your file – call it index.htm Save it in the C:\HTMLFILES\Exercises directory 4... NotePad will assume that you want your document to be a text document with the extension txt Edit, Save & View Cycle As you continue to add to your web document(s), it is important to preview your work in a browser such as Netscape Navigator or Microsoft Internet Explorer To preview your work, open a web browser and do the following: In Netscape Navigator: 1 Click on the menu labeled “File …” 2 Locate... way to create and develop a document is to type the required elements in as a starting point This way you can add to your document by inserting elements and adding content between the starting and ending tags of existing elements and you won’t have to try to remember if you have typed in the closing tag or not In NotePad you would start with: < /HTML> ... default to using the client’s Windows colors settings It is very common to see web pages with their background color set to white or some other color To set your document’s background color, you need to edit the element by adding the BGCOLOR attribute The following example would display a document with a white background color: TEXT Color The TEXT attribute is used to. .. in an tag to very small in an tag Example Page Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 < /HTML> As displayed by the browser HoTMetaL PRO 6.0 the ultimate web development tool www.hotmetalpro.com 21 Paragraph, Paragraphs allow you to add text to a document in... want your empty paragraphs to give you extra line spacing, you will want to insert a NBSP (non-breaking space) A NBSP is an invisible character that takes up one space To insert a NBSP type   22 OLM World Class Web Hosting E-commerce and Custom Internet Solutions hosting.olm.net Break, Line breaks allow you to decide where the text will break on a line or continue to the end of the window There... menu labeled “File …” 2 Locate the menu option, “Open Page … ” HoTMetaL PRO 6.0 the ultimate web development tool www.hotmetalpro.com 15 3 In the “Open Page” dialog box, click on the “Choose File …” button and locate your web document Ensure that the “Navigator” button option is clicked as you want to preview the work in the browser window 4 Once you have chosen the file click on “Open” In Microsoft Internet... your work again: • save your html file’s changes • switch to one of your browsers • hold down the [SHIFT] key • in Netscape, click on the button labeled “RELOAD” • in IE click on the button labeled “REFRESH” The web browser will load the same document but with the new revisions This process is the Edit, Save and View cycle 16 OLM World Class Web Hosting E-commerce and Custom Internet Solutions hosting.olm.net . editors can be used quite effectively to create web documents. HTML Editors enable users to create documents quickly and easily by pushing a few buttons. Instead of entering all of the HTML. development tool www.hotmetalpro.com 1 1 HTML I ntroduction In this chapter you will be introduced to the concepts of linear media and hypermedia. You will learn about HTML and the. E-commerce and Custom Internet Solutions hosting.olm.net 2 HTML P age C reation & E diting In this chapter you will learn to create HTML pages with a standard text editor. Objectives