HTML Cheat Sheet FONTS PARAGRAGH & ALIGNMENT PARAGRAPH ALIGNED PARAGRAPH

Transcription

1 HTML Cheat Sheet I used to get overwhelmed with coding until I realized that I already knew half of these codes because of Myspace. If you remember your myspacing days, we were all using code and didn t even know it!! Below you will find HTML codes help with your coding skills. Just copy & paste anycode you PARAGRAGH & ALIGNMENT PARAGRAPH <p>your paragraph here</p> ALIGNED PARAGRAPH <p style="text-align: center;">your paragraph here</p> Align your paragraph to your liking by using the code above. If you do not want your paragraph centered, then you can replace center with left, right or justify. HEADING <H1> TO <H6> <h1>your heading here</h1> <h2>your heading here</h2> <h3>your heading here</h3> <h4>your heading here</h4> <h5>your heading here</h5> <h6>your heading here</h6> Change the size & thickness of your heading by choosing from your 6 heading options. The smaller the number, the bigger and bolder the font will be. ALIGNED HEADING <h3 style="text-align: center;">your heading here</h3> LINE BREAK Whatever you re posting before the break here<br /> HORIZONTAL LINE <hr /> FONTS

2 FONT SIZE <p><font size="5">text here</font></p> The bigger the number, the larger the font. Font sizes 1-6 only. FONT COLOR <span style="color: #ca3232;">your text here</span> FONT FAMILY <span style="font-family: bebas;">your text here</span> BLOCK QUOTE <blockquote>put quote here</blockquote> SUBSCRIPT _{your text here} SUPERSCRIPT ^{your text here} HIGHLIGHTED TEXT <span style="background-color: # fa02e6;">your text here</span> HYPERLINKED TEXT <a href=" text here</a> LINKED TEXT, NEW WINDOW <a href=" target="_blank">your text here</a> MAIL TO <a href="mailto:name@yourdomainname.com"> us</a> MAIL TO WITH SUBJECT <a href="mailto:name@yourdomainname.com?subject=your%20subject%20here"> us</a> MAIL TO WITH SUBJECT & BODY <a href="mailto:name@domainname.com?subject=your%20subject%20here&body=your%20 phone%20number:%0ayour%20twitter%20handle:"> us</a>

3 LISTS A TO Z LIST <a name="top"></a> Your text before the list here <p style="text-align: center;"><a href="#a">a</a> <a href="#b">b</a> <a href="#c">c</a> <a href="#d">d</a> <a href="#e">e</a> <a href="#f">f</a> <a href="#g">g</a> <a href="#h">h</a> <a href="#i">i</a> <a href="#j">j</a> <a href="#k">k</a> <a href="#l">l</a> <a href="#m">m</a> <a href="#n">n</a> <a href="#o">o</a> <a href="#p">p</a> <a href="#q">q</a> <a href="#r">r</a> <a href="#s">s</a> <a href="#t">t</a> <a href="#u">u</a> <a href="#v">v</a> <a href="#w">w</a> <a href="#x">x</a> <a href="#y">y</a> <a href="#z">z</a></p> NUMBERED LIST <ol> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ol> BULLETED LIST <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ul> IMAGES INSERT IMAGE <img title="title text" src=" alt="alt text" width="100" height="150" /> INSERT FLOATING IMAGE <img title="title text" src=" alt="alt text" width="100" height="150" align="right" /> INSERT LINKED IMAGE

4 <a href=" src=" alt="alt text" width="100" height="150" /></a> LINKED IMAGE, NEW WINDOW <a href=" target="_blank"><img title="title text" src=" alt="alt text" width="100" height="150" /></a> ALIGNED IMAGE WITHIN TEXT <img title="title text" src=" alt="alt text" width="100" height="150" align="top" /> TABLES TABLE 2x2 <table> TABLE 3x3 <table> <td>row 1, cell 3</td> <td>row 2, cell 3</td> <td>row 3, cell 1</td> <td>row 3, cell 2</td>

5 <td>row 3, cell 3</td> TABLE 4x4 <table> <td>row 1, cell 3</td> <td>row 1, cell 4</td> <td>row 2, cell 3</td> <td>row 2, cell 4</td> <td>row 3, cell 1</td> <td>row 3, cell 2</td> <td>row 3, cell 3</td> <td>row 3, cell 4</td> <td>row 4, cell 1</td> <td>row 4, cell 2</td> <td>row 4, cell 3</td> <td>row 4, cell 4</td> TABLE WITH HEADINGS <table> <thead> <th>heading 1</th> <th>heading 2</th> </thead>

6 TABLE WITH BORDER <table border="1"> TABLE WITH SPECIFIED WIDTH <table width="400">

7 Special HTML Characters COPYRIGHT TRADEMARK REGISTERED TRADEMARK HEART SPADES DIAMONDS CLUBS UP ARROW RIGHT ARROW DOWN ARROW LEFT ARROW DOUBLE LEFT ARROW «DOUBLE RIGHT ARROW» EURO CENT

8 POUND YEN AMPERSAND & LESS THAN < GREATER THAN > QUOTATION MARK &quot: DIVISION SIGN SUBTRACTION SIGN MULTIPLICATION SIGN SUPERSCRIPT 1 ¹ SUPERSCRIPT 2 ² SUPERSCRIPT 3 ³