Scribd
Upload
105 views

Basic HTML

This document provides a sample page structure for basic HTML and summarizes common HTML elements like headings, paragraphs, lists, formatting, hyperlinks, images and special characters. It includes tags for headings, paragraphs, ordered and unordered lists, bold, italics, links, images, line breaks and more. Special characters that can be used in HTML are also defined.

Uploaded by

deepikaabi5
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
105 views

Basic HTML

This document provides a sample page structure for basic HTML and summarizes common HTML elements like headings, paragraphs, lists, formatting, hyperlinks, images and special characters. It includes tags for headings, paragraphs, ordered and unordered lists, bold, italics, links, images, line breaks and more. Special characters that can be used in HTML are also defined.

Uploaded by

deepikaabi5
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

BASICHTMLCHEATSHEET(USINGXHTML1.

0RULES)
SAMPLEPAGESTRUCTURE
<html> <head> <title>This is my Title</title> </head> <body> <h1>Most important heading</h1> <p>A paragraph with some <strong>bold text</strong>.</p> <h2>The second headline</h2> <p>Another paragraph with some <em>italic text</em></p> <ul> <li>Bullet Point 1</li> <li>Bullet Point 2</li> </ul> <ol> <li>Item number 1</li> <li>Item number 2</li> </ol> <p><a href=http://google.ca> Hyperlink to Google</a></p> <p><img src=hippo.jpg alt=A Photo of a Hippo /><br/> A Really Big Hippo</p> <hr /> <p>This is paragraph below the horizontal rule (line across the page).</p> </body> </html>

LISTS
Unordered(bulletpoints) <ul> <li></li> <li></li> </ul> Ordered(Numbered) <ol> <li></li> <li></li> </ol>

FORMATING
EmpathizedorItalics:<em></em> or <i></i> StronglyEmpathizedorBold:<strong></strong> or <b></b> Subscripttext:<sub></sub> Superscripttext:<sup></sup> SourceCode:<code></code> Quotation:<blockquote></blockquote> LineBreak(forcenextline):<br /> Horizontalrule(lineacrosspage):<hr />

HYPERLINKS
Externallinkopeninginsamewindow: <a href=http://www.google.com>Go to Google</a> Internallink(insamefolder)openinginnewwindow: <a href=about.html target=_blank>About Us</a>

IMAGES
<img src= http://newgate.ca/csslesson1.jpg alt=Computer Class Lesson width=300 height=200 />

SPECIALCHARACTERS
QuotationMark:&quot; NonBreakingSpace:&nbsp; LessThan:&lt; GreaterThan:&gt; Ampersand:&amp;

HEADINGSANDPARAGRAPH
Paragraph:<p></p> Header1:<h1></h1> Header2:<h2></h2> Header3:<h3></h3> Header4:<h4></h4>

15November2010

You might also like