Answers Search Help
Boston University home page
HTML: Introduction
 
 
    Components
 
 
 
 
 
 
    Syntax
 
 
 
 
 
    Essential Tags
 
 
 
 
 
 
 
 
    HTML Headings
 
 
    Text
 
 
 
 
    Layout
 
 
 
 
 
 
 
    Links & Images
 
 
 
 
    Publishing
 
 
    Also See
 
 

An Example of HTML

Let's take a closer look to see how you use HTML to organize and format the various components. The graphic below shows the HTML code behind a sample Web page (you can see the Web page this code would produce in a Web browser).

Hover your pointer over the code for a brief description, or click the code to learn more.

HTML source code example

(Center) Centers the text (Heading) Produces size "2" heading (Heading close tag) Ends heading (Center close) Ends centering of text (Heading) Creates size 3 heading (Heading close) Ends heading (Italics) Italicizes text (Italics close) Ends italicizing of text (Paragraph) Starts new paragraph (ALT attribute - part of the image tag) Creates pop-up text for graphics, read by screen-reading software (Comments) Hides text from view in the browser window (Comments close) Ends hiding of text from browser window (Horizontal Rule) Displays a  rule (line or block) (Center) Centers text (Paragraph) Starts new paragraph (Bold) Boldfaces text (Bold close) Ends boldfacing of text (Break) Creates a line break (Anchor) Creates a hypertext link to the address or file specified (Anchor close tag) Ends linking of text (Break) Creates a line break (Anchor) Creates a hyptertext link to the location of file specified (Anchor) Creates a hyptertext link to the location of file specified (Anchor close tag) Ends linking of text (Paragraph close) Marks end of paragraph (Center) Centers text on page (Paragraph close) Ends paragraph (Paragraph close) Ends paragraph (Paragraph) Starts new paragraph (HTML) Tells the Web browser that what follows is code for a Web page (Head) Marks the first section of a Web page, where the title and some other info belong (Title) Text in the title appears in title bar of a Web page, and is used by search engines (Title close) Marks the end of the title (Head close) Marks the end of the Head section (Meta Description) Text in the content attribute of this tag provides a description of the page to display in search results (Body) Marks the beginning of the body section, which is where your text and graphic images appear (Body close) Marks end of body section (HTML close) Marks end of HTML code (Image) Identifies an image to display here" TITLE="(Image) Identifies an image to display here (Align attribute for the Image tag) -- specifies alignment for word-wrapping around image (Blockquote) Indents text equally on left and right margin (Blockquote close) Turns off text indenting

WebCentral Using Publishing Learning Training Consulting WebCentral
Answers Search Help
NIS  |  OIT  |  Boston University  |   January 9, 2007