RajeshIntuition Inc.

HTML Structure

>

This is the Main Heading

This text might be an introduction to the rest ofthe page. And if the page is a long one it mightbe split up into several sub-headings.

This is a Sub-Heading

Many long articles have sub-headings so to helpyou follow the structure of what is being written.There may even be sub-sub-headings (or lower-levelheadings).

Another Sub-Heading

Here you can see another sub-heading.

Tags

Character

Left angle bracket

(Less than Sign)

Right angle bracket

(greater than Sign)

Character in the bracket indicate the tags purpose For example, In the tags above the p stands for paragraph Closing tag has forward slash after the < symbol

Attributes

Paragraph in English

Attribute supplies extra information about element content Most attribute values are predefined. Paragraph in English

Attribute name

Attribute value

Body, Head and Title Tags

Tag is the main element. Everything inside the element is shown in browser

: Before body tag youll see head tag. This contains information about the page, title and to include any javascript or stylesheets

: Title tag is included inside the head tag and any content inside the title is show as title of the browser window.

Headings

HTML has six levels of headings.

is used for main heading, for sub headings. If there are further sections under sub heading is used and, so on so forth

Browsers display the contents of headings at different sizes. is largest and smallest. The size varies based of browser

This is a Main Heading

This is a Level 2 Heading

This is a Level 3 Heading

This is a Level 4 Heading

This is a Level 5 Heading

This is a Level 6 Heading

Paragraphs, Bold and Italic

To Create a Paragraph surround the words that makeup Paragraph by tags .

By enclosing words in tags and we can make characters appear bold.

By enclosing the words in tags and we can make characters appear italic

Superscript & Subscript

element is used to superscript characters such as dates suffixes and mathematical elements.

element is used to subrscript characters such as foot notes and chemical equations..

White Space

When browser comes across two or more spaces next to each other, it only displays one space. Similarly, if there are two or more line breaks, browsers treat them as single space.

Line Breaks & Horizontal Rules

Browser shows each paragraph and heading on a new line. But if you wanted to add line break inside a paragraph, you can use line break tag.

To create break between themes, you use tag

Semantic Markup: Strong, em

There are some elements that are not intended to affect the structure of web pages, but they do add extra information to web page.

Element is used to indicate Strong Importance.

Element indicates emphasis that subtly changes meaning of sentence.

Semantic Markup: Quotations

There are two elements that make up quotations .

Element is used for longer quotes. Browsers indent blockquote.

The element is used for shorter quotes that sit within a paragraph.

Semantic Markup: Abbreviations, Address

To Display an Abbreviation or acronym, then element can be used.

Element is used to display Address information