Web Development

To view a document HTML, all you need is an ordinary text editor. Windows computers come with one called Notepad. To open the Windows Vista or Windows 7, click Start, type Notepad in the search box and then click Notepad icon that appears. On a Mac, use the material in the text editor, TextEdit, which can found in the Applications ➝ TextEdit. In a text editor, you can open the HTML, usually with simple File ➝ Open menu command. If you downloaded the content partner for this book (which you can find on the CD is missing www.missingmanuals .com/cds/caw3), you can try to open the file popsicles.htm shown in Figure 2-2. Chapter 2: Creating your first page 21 Introducing HTML: The Language Web Figure 2-1: Even if your letter appears to be relatively simple to Word (Top), look at it. Doc doesn file “almost as much, if skip to Word and open the file in a text editor such as Notepad (below). Word processors usually convert a file ” series of 0s and 1s in a meaningless stream of intimidating gibberish. The actual text is somewhere there but it is buried in computer gobbledygook. Figure 2-2: Store documents as a standard HTML text. Above: The web browser displays the document in Word rewritten as a document HTML. Bottom: When you display an HTML file in a text Editor, you can easily locate the full text of the original document, along with some additional pieces of information within angle brackets (<>). These HTML tags convey information about the structure of the document and formatting. To 22 creating a website: the missing manual Introducing HTML: The Language Web Looking at the HTML of a website Live Most word processing programs do not let you open a Web page directly from the Internet. To do this, to be able to send a request via the Internet to a web server, which is a job best left to a web browser. However, the search engines themselves give you the opportunity to see the raw HTML of a website. Here is what to do: 1. Open the browser. 2. Navigate the site you want to consider. 3. In your browser, right click the page and then select View Source (in Internet Explorer) or View Page Source (in Firefox and Chrome). Once you make your selection a new window that displays the raw HTML creating the website you see. Tip: Firefox has a handy feature that allows you to home in on top of your HTML in a complex page. Simply select the text you’e interested in the site, right click on the text and then choose View Selection Source. Most sites are much more complex than the example popsicles.htm shown in Figure 2-2, so we have to wade through a lot more tags HTML. But since you acclimatise to the patchwork of information, you will have an extremely useful way to peer beneath the covers of any website. In fact, professional web developers often use this trick to check out the work of their competitors. Create an HTML file Here is one of the best kept secrets of writing website: You do not need a live website to start creating your own web pages. That’s because you can easily build and test pages using only its own computer. In fact, do not even need a connection to the Internet. The basic approach is simple: 1. Fire up your favorite text editor. 2. Start writing HTML content. Of course, this place is a bit difficult because they have discovered the HTML standard yet. Hang on-ELP is the way below. For now, you can use the following very simple snippet HTML. Just type exactly as shown, text, slashes, brackets, sharp, and all: Popsicle

United Workers’ Union fight for your rights. Technically, the document is missing the two lines a few construction details selfrespecting sites should have. However, each search engine can read this HTML plot and interpret correctly what they want: the two lines of text formatted shown in Figure 2-2. Chapter 2: Creating your first page 23