Scribd
Upload
210 views5 pages

HTML Guia Rapido

This document provides an overview of basic HTML elements and tags for structuring documents, including headings, paragraphs, links, images, lists, tables, forms and more. It also includes color codes for reds and grays in hexadecimal, RGB and name formats.

Uploaded by

Jardel Cruz
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
210 views5 pages

HTML Guia Rapido

This document provides an overview of basic HTML elements and tags for structuring documents, including headings, paragraphs, links, images, lists, tables, forms and more. It also includes color codes for reds and grays in hexadecimal, RGB and name formats.

Uploaded by

Jardel Cruz
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/ 5

HTML - Guia Rpido - http://www.w3schools.

com

HTML Basic Document


<!DOCTYPE html>
< html>
< head>
< title>Title of document goes here</title>
< /head>
<body>
Visible text goes here...
< /body>
</html>

Basic Tags
<h1>Largest Heading</h1>
< h2> . . . </h2>
< h3> . . . </h3>
< h4> . . . </h4>
< h5> . . . </h5>
< h6>Smallest Heading</h6>
<
<
<
<

p>This is a paragraph.</p>
br> (line break)
hr> (horizontal rule)
!-- This is a comment -->

Formatting
<b>Bold text</b>
< code>Computer code</code>
< em>Emphasized text</em>
< i>Italic text</i>
< kbd>Keyboard input</kbd>
< pre>Preformatted text</pre>
< small>Smaller text</small>
< strong>Important text</strong>
<
<
<
<
<
<
<
<
<

abbr> (abbreviation)
address> (contact information)
bdo> (text direction)
blockquote> (a section quoted from another source)
cite> (title of a work)
del> (deleted text)
ins> (inserted text)
sub> (subscripted text)
sup> (superscripted text)

HTML - Guia Rpido - http://www.w3schools.com


Links
Ordinary link:< a href="http://www.example.com/">Link-text goes here</a>
Image-link:< a href="http://www.example.com/"><img src="URL" alt="Alternate
Text"></a>
Mailto link:< a href="mailto:[email protected]">Send e-mail</a>
Bookmark:
< a id="tips">Tips Section</a>
< a href="#tips">Jump to the Tips Section</a>

Images
<img src="URL" alt="Alternate Text" height="42" width="42">

Styles/Sections
<style type="text/css">
h1 {color:red;}
p {color:blue;}
< /style>
< div>A block-level section in a document</div>
< span>An inline section in a document</span>

Unordered list
<ul>
< li>Item</li>
< li>Item</li>
< /ul>

Ordered list
<ol>
< li>First item</li>
< li>Second item</li>
< /ol>

Definition list
<dl>
< dt>Item 1</dt>
< dd>Describe item 1</dd>
< dt>Item 2</dt>
< dd>Describe item 2</dd>
< /dl>

HTML - Guia Rpido - http://www.w3schools.com


Tables
<table border="1">
< tr>
<th>table header</th>
<th>table header</th>
< /tr>
< tr>
<td>table data</td>
<td>table data</td>
< /tr>
< /table>

Iframe
<iframe src="demo_iframe.htm"></iframe>

Forms
<form action="demo_form.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
< input type="password">
< input type="checkbox" checked="checked">
< input type="radio" checked="checked">
< input type="submit" value="Send">
< input type="reset">
< input type="hidden">
< select>
< option>Apples</option>
< option selected="selected">Bananas</option>
< option>Cherries</option>
< /select>
<textarea name="comment" rows="60" cols="20"></textarea>
< /form>

HTML - Guia Rpido - http://www.w3schools.com


Red Light

Color HEX
#000000

Color RGB
rgb(0,0,0)

#080000

rgb(8,0,0)

#100000

rgb(16,0,0)

#180000

rgb(24,0,0)

#200000

rgb(32,0,0)

#280000

rgb(40,0,0)

#300000

rgb(48,0,0)

#380000

rgb(56,0,0)

#400000

rgb(64,0,0)

#480000

rgb(72,0,0)

#500000

rgb(80,0,0)

#580000

rgb(88,0,0)

#600000

rgb(96,0,0)

#680000

rgb(104,0,0)

#700000

rgb(112,0,0)

#780000

rgb(120,0,0)

#800000

rgb(128,0,0)

#880000

rgb(136,0,0)

#900000

rgb(144,0,0)

#980000

rgb(152,0,0)

#A00000

rgb(160,0,0)

#A80000

rgb(168,0,0)

#B00000

rgb(176,0,0)

#B80000

rgb(184,0,0)

#C00000

rgb(192,0,0)

#C80000

rgb(200,0,0)

#D00000

rgb(208,0,0)

#D80000

rgb(216,0,0)

#E00000

rgb(224,0,0)

#E80000

rgb(232,0,0)

#F00000

rgb(240,0,0)

#F80000

rgb(248,0,0)

#FF0000

rgb(255,0,0)

HTML - Guia Rpido - http://www.w3schools.com


Gray Shades

Color HEX
#000000

Color RGB
rgb(0,0,0)

#080808

rgb(8,8,8)

#101010

rgb(16,16,16)

#181818

rgb(24,24,24)

#202020

rgb(32,32,32)

#282828

rgb(40,40,40)

#303030

rgb(48,48,48)

#383838

rgb(56,56,56)

#404040

rgb(64,64,64)

#484848

rgb(72,72,72)

#505050

rgb(80,80,80)

#585858

rgb(88,88,88)

#606060

rgb(96,96,96)

#686868

rgb(104,104,104)

#707070

rgb(112,112,112)

#787878

rgb(120,120,120)

#808080

rgb(128,128,128)

#888888

rgb(136,136,136)

#909090

rgb(144,144,144)

#989898

rgb(152,152,152)

#A0A0A0

rgb(160,160,160)

#A8A8A8

rgb(168,168,168)

#B0B0B0

rgb(176,176,176)

#B8B8B8

rgb(184,184,184)

#C0C0C0

rgb(192,192,192)

#C8C8C8

rgb(200,200,200)

#D0D0D0

rgb(208,208,208)

#D8D8D8

rgb(216,216,216)

#E0E0E0

rgb(224,224,224)

#E8E8E8

rgb(232,232,232)

#F0F0F0

rgb(240,240,240)

#F8F8F8

rgb(248,248,248)

#FFFFFF

rgb(255,255,255)

You might also like