Advanced Formatting

• Using advanced formatting options in HTML, you can fit the various needs of web content that include simple elements, such as bold or italics, do not fulfill.
  
  To begin, the "<pre>" preformatted tag is useful when you need to display a block of text that must retain spaces and line breaks, such as when typing in lines of a programming language. Use this element as you normally would when coding HTML by typing the opening "<pre>" element, then follow it with the line(s) of text and close it with the ending "</pre>" tag. For example:
  <pre>
  This is a line of computer code
  that must keep its spaces
  and line
  breaks
  </pre>
  
  Next, you may use "<blockquote>" blockquote elements when you need content to be properly displayed as a quotation on a web page. This tag is ideal because it inserts margins and white space around the text encompassed between the opening and closing tags, with no further formatting necessary. Enter blockquotes as follows:
  <blockquote>
  This is my quotation that must be properly formatted with white space
  before and after this section of text so that my readers know that this
  is a quote.
  </blockquote>
  
  Lastly, you can define contact information on a web page by using the "<address>" address element. Often used at the beginning or end of a document, this tag includes information about the website or webmaster so that visitors can get in touch, if they choose. Include data, such as organization name and email address, as such:
  <address>
  Composed by Your Name or Organization Here
  Email Address
  </address>
  
  

iFrame

• The "<iframe>" iframe tag is a highly useful element because it can load a document from another website directly on your own page. This is an extremely beneficial feature because you can keep visitors from leaving your site.
  
  To start, specify the URL address of the outside document by using a "src" source attribute within the tag. For example:
  <iframe src="http://www.ehow.com">
  
  Continue by including other attributes within the element. For instance, this tag can include width and height instructions (in pixels or percentages) for the frame. To include these specifications, enter the "width=" and "height=" instructions like so:
  <iframe>
  
  Further, determine whether the frame has scrollbar capability or not. Type in the "scrolling=" attribute and enter "yes" or "no" to enable/disable this function, or enter "auto" so that the browser determines if the scrollbars are needed upon page load. To illustrate:
  <iframe scrolling="yes">
  
  Finally, add a "<p>" paragraph tag between the opening and closing "<iframe></iframe>" tags to add text in the event that the frame does not load on the user's browser. For instance:
  <iframe src="http://www.ehow.com" scrolling="yes">
  <p>This website is loading a frame.</p>
  </iframe>