I stand by my method of teaching HTML the old-fashioned way- by hand. But because this is an introduction to HTML, it is helpful to see the cause and effect of each small change to the source file along the way. We’ll be checking our work in a browser frequently throughout this demonstration-probably more than you would in real life. It’s not very fancy, but you have to start somewhere. Step 5: Change the page appearance with a style sheet. This exercise gives you a taste of formatting content with Cascading Style Sheets.īy the time we’re finished, you will have written the source document for the page shown in Figure 4-1. Step 4: Add an image. By adding an image to the page, you’ll learn about attributes and empty elements. You’ll describe the content using the appropriate text elements and learn about the proper way to use HTML. Step 2: Give the document structure. You’ll learn about HTML element syntax and the elements that give a document its structure. Latest published version of HTML at 1: Start with content. As a starting point, we’ll write up raw text content and see what browsers do with it.
Here's the entire HTML source for the file you've been building: įor a complete description of tags, attributes, and extensions, see the Hypertext Markup Language (HTML) specification: HTML editors such as Microsoft Front Page can be used to create both simple and advanced pages. If you see a great feature on a Web page, you can find out how it was created by examining the HTML source.
To number the list instead, use paired and tags in place of the and tags. gif file saved in the same directory as your page: If you want to have a line break, you must include a tag after the first line.įor all the steps that follow, insert the text anywhere between and to add to the body of your document.Īdd an image, using a. Notice that your carriage return is ignored. The words will appear in the client area of your browser's window. Switch back to your browser and refresh the page. There should be no spaces between the angle bracket ( line, type: Ending tags (not always required) are the same as the starting tag, but have a forward slash (/) in front of the tag. The tag starts the document, and the tag ends it. Tags are not case-sensitive, but capitalization is often used to make tags stand out. Notice the tags are paired and are included in angle brackets. You should see a blank page with the window caption "Top HTML Tags." Switch to your browser, and from the File menu, choose Open, or type file://C:/webpages/first.htm in the browser's URL edit box. To create an HTML fileįrom the File menu, choose Save, and save the file as c:\webpages\First.htm. In these steps, you'll type plain text into a file in Notepad, make a few changes, save the file, and reload your page in the browser to see your changes. The steps below use HTML tags to build a simple Web page. When you view the source you will see a number of HTML (Hypertext markup language) tags, surrounded by angle brackets(), interspersed with text. Most browsers have the capability of examining the HTML source of the pages you browse.
0 kommentar(er)
