Show Menu

HTML Cheat Sheet by

html     web     code

Document Outline

<html>
    <head>
    </head>
    <body>
    </body>
</html>

Text

<h1>
Headers, you can use numbers 1-6
<p>
Paragraphs

Links and Images

<a href=”your link”>
Link
<img src=”your image link”>
Image
Link ex.
<a href="w­ww.g­oo­gle.co­m">This is what you will see, not the google link</­a>

Classes and Id's

<di­v>
Div, a container for your code
class=­"­nam­e"
Class must go in the opening tag
id="­nam­e"
Id must go in the opening tag
Put the name of your class or id in the quotes, it must go in the opening tag of what you want to name/style
 

Linking Your Stylesheet

This goes in the head section
<link rel="st­yle­she­et" type="t­ext­/cs­s" href="s­tyl­e.c­ss">

Lists

<ol>
Ordered list (uses numbers)
<ul>
Unordered List (uses bullet points)
<li>
List item (these must be used inside your list tags)

Formatting

<i>
Italics
<b>
Bold
<u>
Underline
Place the text you want to change in between the opening and closing tag. Ex.
<p>This is a paragraph and <b>this text will be bold</­b> but the rest will not</p>

Download the HTML Cheat Sheet

1 Page
//media.cheatography.com/storage/thumb/bobsaget7_html.750.jpg

PDF (recommended)

Alternative Downloads

Share This Cheat Sheet!

 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          HTTP Status Codes Cheat Sheet

          More Cheat Sheets by bobsaget7