Scribd
Upload
29 views1 page

Basic HTML Structure Cheat Sheet

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
29 views1 page

Basic HTML Structure Cheat Sheet

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

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=[Link] Hyperlink to Google</a></p> <p><img src=[Link] 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=[Link] to Google</a> Internallink(insamefolder)openinginnewwindow: <a href=[Link] target=_blank>About Us</a>

IMAGES
<img src= [Link] 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