Free HTML Course: Week 3 - Quotes, Pre-formatted Text, and Lines

If you can't see this email, click here

Free HTML Course Week 3 - Quotes, Pre-formatted Text, and Lines From Jennifer Kyrnin, your Guide to Web Design / HTML Last week, we learned how to create paragraph and line breaks in your text, as well as logical headings. This week, we'll cover adding quotations to your text, telling the browser not to change the text format, and horizontal lines. Note: if you didn't receive the previous weeks you can always pick up missed lessons online at: http://webdesign.about.com/c/ec/9lost.htm You can also get the lessons more quickly if you'd like. Syllabus Week 3 Quotations - large and small Text Formatted as You Wrote It - called "Pre-formatted" Horizontal Lines - adding simple linework to your HTML Homework Quotations What is a Blockquote? A blockquote is a large quotation or block of quoted text. Publishing often calls this a pull-quote. Most Web browsers display blockquotes as slightly indented from the surrounding text. However, you should not use blockquote for indenting. Read more about the <blockquote></blockquote> tag. What is the Q Tag? Sometimes, you don't want to call out a quotation outside of the flow of text. But you still want to mark it as a quotation. That is what the <q> tag is for. It allows you to add quotations inline in your text, and then style (or not style) them however you wish. Read more about the <q></q> tag. Text Formatted as You Wrote It How do Web browsers handle white space? One of the trickiest parts of writing Web pages is understanding how white space is handled. You can't simply hit the ENTER key several times to get spaces between lines, or the space key to get spaces between characters. What is pre-formatted text? Sometimes you want to have the Web page display exactly what you type. Especially when you're writing code or other formatted text on the page. The <pre></pre> tag ensures that the content looks exactly as you type it, including spaces and hard returns. Some common uses of pre-formatted text are: documenting XHTML and other programming code converting a non-XHTML document quickly Horizontal Lines Adding Horizontal Lines to Your Web Pages Lines allow you to divide up your Web pages in a visual fashion. They provide structure to a page and work with your headings to separate blocks. Homework Practice What You've Learned Create a new Web page (or modify your existing page) to include at least one quotation. Call out that quotation using the <blockquote></blockquote> tag and separate it from the rest of the text using horizontal rules. As the second part of your homework, think of a situation where you would want to use pre-formatted text, and put an example of that situation on your Web page. If you have questions about class 3, post them to the forum. Continuing in my interpretation of the homework, I've blockquoted some text, added a horizontal line, and built a tic-tac-toe game http://webdesign.about.com/od/html101classes/l/zhtmlclass3.htm This email is written by: Jennifer Kyrnin Web Design / HTML Guide Email Me | My Blog | My Forum   Missing a lesson? Click here. About U. is our collection of free online courses designed to help you learn a new skill, solve a problem, get something done, or just learn more about your world. Sign up now, and we will email you lessons on a daily or weekly basis. You are receiving this email because you subscribed to the About.com 'Free HTML Course' email. If you wish to unsubscribe, please click here. About respects your privacy: Our Privacy Policy Contact Information: 249 West 17th Street New York, NY, 10011 © 2010 About.com   Advertisement