1 / 26

HTML Notes Chapters 1--6

HTML Notes Chapters 1--6. Codes used in creating HTML documents are called tags. Tags are always enclosed in left (<) and right (>) angle brackets. Tags can be upper or lowercase. Container and Empty Tags.

pandora-athans
Download Presentation

HTML Notes Chapters 1--6

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML Notes Chapters 1--6 • Codes used in creating HTML documents are called tags. • Tags are always enclosed in left (<) and right (>) angle brackets. • Tags can be upper or lowercase

  2. Container and Empty Tags • Container tags need to be turned off and on—they are closed using forward slash (/) • Tags used by themselves are called empty tags—they do not need to be turned off • NO extra spaces within a tag

  3. HTML documents consist of three sections: • Header (title) • Body (main text) • Footer (author and date revised)

  4. Structural tags appear in every HTML document • <HTML> and </HTML> --entire HTML doc between these tags • <HEAD> and </HEAD> -defines document header (title, comments, date) • <TITLE> and </TITLE> --identifies HTML document • <BODY> and </BODY> --all document info must be between these tags

  5. Sample HTML Document • <HTML> • <HEAD> • <TITLE>Type your title here. </TITLE> • </HEAD> • <BODY>The document information goes here. • </BODY> • </HTML>

  6. Troubleshooting • Save document with correct extension _______.html • Resave after making changes • Refresh browser to see changes

  7. Heading Tags <H1> </H1> • Come in six sizes • Use them in order • Browser decides how the text is displayed • Heading tags include a line break tag <BR> (same as pressing enter)

  8. Style tags change the way your text looks • Boldface, Italic, Emphasis, Blink (does not work in IE), Big, Small, Address

  9. Changing the Font Size • With the <FONT SIZE> tag, the size of the text is either increased or decreased using the numbers 1 through 7. • Number 3 represents the size of normal text. • Number 1 is the smallest, and number 7 is the largest.

  10. Font Size • You can use different font sizes in the same sentence. • Font size does not include line or paragraph breaks.

  11. Reminder: • The easiest way to start a new Web page is to open an existing document and delete the information between the body tags.

  12. Using the Paragraph Tag • The <BR> tag is equal to pressing the Enter key once, while the paragraph tag <P> is equal to pressing the Enter key twice (DS).

  13. Using the Horizontal Rule Tag • The horizontal rule tag <HR> is similar to the <BR> and <P> tags. The difference is that instead of creating a space between the lines, this tag draws a line between them.

  14. Using the Indent Tag • The indent tag <DD> is used to move the first line of a paragraph over to the right—similar to using the tab key.

  15. Using the Blockquote Tag • The blockquote tag <BLOCKQUOTE> is a container tag that is used to indent all lines from both sides. • Since the blockquote is a container tag, you need to use an ending tag </BLOCKQUOTE>

  16. Creating Ordered Lists • Ordered lists are also called numbered lists. Each line in the list is numbered automatically when viewed in the browser. (Step-by-step instructions, outlines.)

  17. Tags for Ordered Lists • < OL> and </OL> tags define where the list should start and end. They also add blank lines before and after the list. • <LI> tag is used at the beginning of each line to automatically number each item in the list. • The <LI> tag is used in both ordered and unordered lists.

  18. Creating Unordered Lists • Unordered lists or bulleted lists are used when items do not need to be listed in any certain order. (shopping list) • <UL> and </UL> tags define where the list should start and end. They also add blank lines before and after the list • <LI> tag is used at the beginning of each line in a list. In an unordered list, the <LI> tag produces a bullet.

  19. About Bullets • You cannot specify the size and. shape of the bullet used in an unordered list. • The size and shape of the bullet is determined by your browser

  20. Creating Definition Lists • Definition lists or glossary lists are used to define words or terminology. • Items in a definition list usually include two parts. • Name or title is displayed on a line by itself • The definition begins on a new line

  21. Tags for Definition Lists • < DL> and </DL> tags define where the definition list should start and end. • <DT> is used before each definition term • <DD> is used before each definition description

  22. About Blank Lines • Adding blank lines in your text editor may make the list easier to read. However, they will not appear on your Web page.

  23. Internet Basics • ARPANET was the predecessor of the Internet—Department of Defense • World Wide Web is a huge collection of text, image, audio, and video data that is scattered across computers and networks around the world

  24. Internet Basics • Search Engines—Yahoo, Google, Ask • URL—indicates the file name and location of your home page (Uniform Resource Locator) • Use Internet Explorer to view your web pages in class

  25. XHTML

  26. The End!!

More Related