NOTE:
This entire script has been taken from www.w3schools.com,
just as a reference note for my personal use.
There is no intention of copyright infringement.
You can visit the site here
HTML paragraphs are defined with the <p> tag.
Example <p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Links
HTML links are defined with the <a> tag.
Example <a href="http://www.w3schools.com">This is a link</a>
Note: The link address is specified in the href attribute.
HTML Images
HTML images are defined with the <img> tag.
Example <img src="w3schools.jpg" width="104" height="142" />
Note: The name and the size of the image are provided as attributes.
HTML Headings
Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading.
Headings Are Important
Use HTML headings for headings only.
Don't use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Since users may skim your pages by its headings, it is important to use headings to show the document structure.
H1 headings should be used as main headings, followed by H2 headings, then the less important H3 headings, and so on.
HTML Lines
The <hr /> tag creates a horizontal line in an HTML page.
HTML Comments
Comments can be inserted into the HTML code to make it more readable and understandable.
Comments are ignored by the browser and are not displayed.
How to View HTML Source
To View the HTML of a page, right-click in the page and select "View Source" (IE) or "View Page Source" (Firefox), or similar for other browsers. This will open a window containing the HTML code of the page.
8-9
HTML Paragraphs
Paragraphs are defined with the <p> tag.Browsers automatically add an empty line before and after a paragraph.
10-12
HTML Line Breaks
Use the <br /> tag if you want a line break (a new line) without starting a new paragraph.
The <br /> element is an empty HTML element. It has no end tag.
13
HTML Formatting
Tags HTML uses tags like:
<b>Makes text bold</b>
<strong>Makes text strong</strong>
<big>Makes text big</big>
<i>Mskes text italic</i>
<em>Mskes text to emphasiz</em>
<code>Makes the text appear like a computer output</code>
<sub> Makes the text to appear as a subscript</sub>
<sup>Makes the text to appear as a superscript</sup>
These HTML tags are called formatting tags (look at the bottom of this page for a complete reference).
My First Heading
My first paragraph.
2
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
3
This is a paragraph.
This is a paragraph.
This is a paragraph.
4 This is a link
5
6
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
7
This is a regular paragraph
8
The hr tag defines a horizontal rule:
This is a paragraph
This is a paragraph
This is a paragraph
9
This is a regular paragraph
10
This is
a para
graph with line breaks
11
My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.
Note that your browser ignores the layout!
12
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
solve with line breaks
13
bold
strong
big
italic
emphasized
computer output
This is subscript and superscript
This is preformatted text. It preserves both spaces and line breaks.
The pre tag is good for displaying computer code:
for i = 1 to 10 print i next i
Your attention, Please!