HTML tags (otherwise known as "HTML elements"), and their respective attributes are used to create HTML documents so that you can view them in browsers and other user agents. Note that not all browsers/user agents support all HTML tags and their attributes, so you should try to test your pages in as many browsers as you can.
Complete list of HTML tags
Below is a complete list of HTML tags from the HTML 4.01 specification. The HTML tags are listed alphabetically to help you quickly find the tag you're looking for (or to find out whether it exists or not!).
This page contains HTML examples - examples of basic HTML elements that you can use for your own website.
There are so many HTML examples here that I've separated them into types. To view more of each type, simply click on the relevant link (next to the example).
Example of...
Code
Example
More
Text:
Small fontLarge fontColored fontBold fontItalic font and more...
(Also known as character entity references or numeric character references)
Sometimes you should not just type your HTML straight from the keyboard (a > sign for example). The following table lists HTML special characters that you can use. See HTML Entities for more information.
Related: • About Hex Colors • HTML Color Examples • Color Names • Coding Colors in HTML • Background Colors • Border Colors • CSS 'color' Property
Use this page to get HTML color codes for your website. The colors are represented by their hexadecimal values (the most common method for the web). On the color picker, you can also see the RGB values (you can use these for the web too).
Example of HTML color code usage:
To learn more about HTML colors and how to apply them to your website, check out the HTML colors section of the HTML tutorial. Color Picker
Use the slider on the right to change the hue. Click anywhere in the large square to pick a color. Once you're happy with the color, copy the hexadecimal value from the bottom field (the series of 6 digits/letters in bold (for example #FFFFFF).
R H G S B V
#
Choosing Multiple Colors (optional) Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it!
Color 1: # ____ Color 2: # ____ Color 3: # ____
Website Color Schemer is a useful little utility for picking colors and creating schemes for your website. It provides tools for choosing and comparing colors and allows you to preview them before publishing.
Color Names
You can also specify HTML colors by the color name, as well as a decimal code value. Here's a table of the basic color names as recognized in the CSS 2.1 specification. Color Name Hex Code RGB Decimal Code RGB Maroon 800000 12800 Red ff0000 25500 Orange ffA500 2551650 Yellow ffff00 2552550 Olive 808000 1281280 Green 008000 01280
Color Name Hex Code RGB Decimal Code RGB Purple 800080 1280128 Fuchsia ff00ff 2550255 Lime 00ff00 02550 Teal 008080 0128128 Aqua 00ffff 0255255 Blue 0000ff 00255
Color Name Hex Code RGB Decimal Code RGB Navy 000080 00128 Black 000000 000 Gray 808080 128128128 Silver c0c0c0 192192192 White ffffff 255255255 Black 000000 000 More Color Codes & Color Names
That was only a sneak preview. Here's a full list of color names.
You can also check out the web safe colors, which was popular in the early days of the web.
Normal paragraph text. Line Break I feel a line break coming... ...up. I feel a line break coming... ...up. Bold Text Bold text. Bold text. Italic Text Italic text. Italic text. Color Text
Color text.
Color text. Text Size
Text size using points.
Text size using pixels.
Text size using relative sizes.
Text size using points.
Text size using pixels.
Text size using relative sizes. Font Family
Preferred serif font.
Preferred serif font. Preformatted Text
Preformatted text displays just as you type it... ...line breaks, spaces and all!
Preformatted text displays just as you type it... ...line breaks, spaces and all!
Teletype Text Teletype text - sometimes referred to as typewriter text. Teletype text - sometimes referred to as typewriter text. Citation Text Citation text. Citation text. Emphasized Text Emphasized text. Emphasized text. Code Text Code text. Code text. Big Text Big text. Big text. Small Text Small text. Small text. Blockquote The label says:
Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.
The label says:
Contents should not be swallowed. This is due to the enormous amount of harmful chemicals that has gone into this burger.
Deleted Text Delete this text. Delete this text. Inserted Text Insert this text. Insert this text. Keyboard Text Keyboard text - text to be entered by the user. Keyboard text - text to be entered by the user. Quotation Text Quotation text. "Quotation text." Sample Text Sample text (output from a computer program). Sample text (output from a computer program). Variable Text Variable text. Variable text. Definition Definition.: To define the meaning of a word, phrase or term. Definition.: To define the meaning of a word, phrase or term. Images Image Milford Sound in New Zealand Image with Border Milford Sound in New Zealand Linked Image Milford Sound in New Zealand Linked Image with no Border Milford Sound in New Zealand Tables Basic Table
Table cell 1
Table cell 2
Table cell 1 Table cell 2 Table with cellpadding, cellspacing, and width attributes
Table header Table header Table cell 1 Table cell 2 Forms Basic Form Tags (insert all form elements between these tags) (Insert form elements here) Text Input Text Area Type something Radio Buttons Option 1 Option 2 Option 1 Option 2 Checkboxes Option 1 Option 2 Option 1 Option 2 Select List Submit Button Image Button Lists Ordered list (numbered list)
List item 1
List item 2
List item 3
List item 1 List item 2 List item 3
Unordered list (unnumbered list)
List item 1
List item 2
List item 3
List item 1 List item 2 List item 3
Definition list
Term 1
Definition of term 1
Term 2
Definition of term 2
Term 1 Definition of term 1 Term 2 Definition of term 2
Frames Inline Frame Frames
The frameset (frame_example_frameset_1.html): Frameset page<title> </head> <frameset cols = "25%, *"> <noframes> <body>Your browser doesn't support frames. Therefore, this is the noframe version of the site.</body> </noframes> <frame src ="/html/tags/frame_example_left.html" /> <frame src ="/html/tags/frame_example_right.html" /> </frameset> </html><br><br>The left frame (frame_example_left.html):<br><html> <html> <body style="background-color:green"> <p>This is the left frame (frame_example_left.html).</p> </body> </html><br><br>The right frame (frame_example_right.html):<br><html> <html> <body style="background-color:yellow"> <p>This is the right frame (frame_example_right.html).</p> </body> </html> View th
This HTML Tutorial is for beginners. It teaches you HTML from the ground up - starting with the basics. Coding HTML is actually quite easy - as this tutorial will show you.
There's a lot of information in this tutorial, so I recommend you take your time and cover off a little bit each day. Don't worry if it takes you several days to complete - it's better to fully understand everything than to brush over it and not fully comprehend it.
I suggest that you bookmark this tutorial now, then continue on. Table of Contents
This HTML tutorial is separated into the following lessons: Basic HTML
About HTML Getting Started HTML Elements HTML Formatting HTML Attributes HTML Colors HTML Links HTML Images HTML Meta Tags HTML Comments
Advanced HTML
HTML Forms HTML Tables HTML Image Maps HTML Frames HTML Entities HTML & Layouts HTML & Styles HTML & Scripts HTML Website Templates Website Hosting Summary
Alphabetical list of all CSS properties from the Cascading Style Sheets 2 (CSS2) specification. The CSS properties are listed alphabetically to help you quickly find the property you're looking for, or to find out whether it exists or not.
CSS properties are used to apply styles to structured documents, such as those created with HTML or XML. Note that not all browsers/user agents support all CSS properties, so you should try to test your pages in as many browsers as you can.
A web page is created using a language called, Hypertext Markup Language, better known as HTML Code. You can write your own coding within a plain text editor, such as Note Pad, or use an HTML editor, which will write the code for you.
HTML codes, also referred to as HTML tags, are enclosed by the lesser than (<) and greater than (>) brackets and may be written in capital or lower case letters.
The opening bracket is followed by an element, which is a browser command, and ends with the closing bracket.
An element may also be followed by attributes, which are words describing the properties of the element, and further instruct the browser.
Attributes are only contained in the opening HTML tags to the right of the element and are separated by a space and followed by an equal (=) sign.
The value follows the equal sign and is enclosed in quotes.
Basic HTML Document Code Structure
Begin writing your HTML tags by creating your document's basic layout. Copy and paste this code into your text or HTML editor.
Your Page Title
This area will contain everything that will be visible through a web browser, such as text and graphics. All of the information will be HTML coded.
For a complete list of HTML codes, tags and examples, see the HTML chart below.
Find out how fast a website loads. Enter the url of the website in the box. Enter the domain name(s): Example: www.mysite.com or mysite.com (without http://) To check how fast multiple websites load, enter each domain on a seperate line. . benredfield.blogspot.com
Milford Sound in New Zealand
