HTML

• • • • • •

HTML What is HTML HTML stands for the HyperText Markup Language . HTML code is the language of the Internet's World Wide Web . Web sites and web pages are written in HTML code.

HTML is used to bring together text, pictures, sounds, and links... all in one place! HTML code files are plain text files, with extension .html

• • •

HTML What is Markup Markup means that specific portions of a document are marked up to indicate how they should be displayed in the browser.

HTML carries information about the web page though, the display of the document dependent on the browser.

• • • • • •

HTML Html tag The HTML html tag is the container contains all other HTML elements . that All other HTML elements are nested between the opening and tags.

and ends with . These are the starting and the ending tags of the HTML document .

• • • • •

HTML HTML title Tag The HTML

• • • • •

HTML HTML head Tag The HTML head tag is used for indicating the head section of the HTML document.

The head can contain other HTML tags that provide information about the document such as title, description, keywords etc . Most of this information is not displayed in the browser (although the title usually appears in the browser's title bar) but can be useful for search engines etc. The head tag is placed between the and the tags.

• •

HTML

•

HTML body Tag The HTML body tag is used for indicating the main content section of the HTML document .

• • • • • •

HTML The basic syntax of a tag: some text ... What are HTML Tag attributes Attributes change the properties of tags and are placed ONLY inside the starting tag . Each attribute usually has a value associated . The attribute-value pair is written as: some text ...

• • • • • • • •

HTML

Document content

• • • • • • •

HTML HTML br Tag The HTML br tag is used for specifying a line break.

Eg

This is before the line break
and this after the line break.

o/p This is before the line break and this after the line break.

HTML

•

HTML hr Tag

• • •

The HTML hr tag is used for creating a horizontal rule.

eg

Here is a horizontal rule:

---

• • • • •

HTML Physical Tags And Logical Tags.

Physical tags define how the text should be displayed in the browser . They control the Physical characteristics of the text.

Logical Tags on the other hand indicate the 'type' of content they enclose. They do not determine the display of the text and the browser is free to set the presentation.

• • • • • • • • • • • •

HTML Physical Tags There are 10 physical tags each requiring a closing tag: Italics: I am in italics Bold: I am in bold Underline: I am underlined Strikethrough: I am struck!

^{Superscript: My superscript _{Subscript: My subscript Typewriter: I am in typewriter form Bigger font: I am bigger Smaller font: I am smaller Strikethrough alternative: I am also struck!}}

• • • • • • • • • •

HTML There are 9 logical tags each requiring a closing tag: Strong: I am strong Emphasis: I am emphasized Abbreviation: I am abbreviated Citation: Citation Code: I am programming code Definition: Definition Keyboard: Quite like keyboard strokes Sample: Sample Programming Variable: Programming Variable

• • • • • • •

HTML

tag

and

tags divides the document into sections . It's especially useful with Cascading Style Sheets usage, when a whole section can adopt a certain formatting style. ALIGN attribute of this tag to align the text surrounded by these tags.

aligns elements inside it, to the left.

aligns elements inside it, to the right.

aligns elements inside it, to the center.

• •

HTML

tag Centrally aligns this text

• • • •

HTML These tags are displayed only by some browsers and ignored by the others.

The tag provides some animated text to the page. An easy way to put some colorful animated text on your page.

• • • • • •

HTML Font COLOR attribute The attribute takes either the hexadecimal color value or just the color name. Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc.

Red Text Blue Text Green Text

• • • •

Font SIZE attribute HTML The size attribute takes a number from 1 to 7 as its value with 1 as the smallest and 3 the default.

Some Text Some Text

• • • • • • • • • • • • • •

HTML HTML Ordered List If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the

tag as

1. Item One
2. Item Two
3. Item Three
4. Item Four

The code above is displayed by the browser as Item One Item Two Item Three Item Four

• • • • • • • • • • • • • • •

HTML HTML Unordered List

-

are the starting and ending tags of Unordered lists. List items are included using the

tag.

Unordered lists also support the TYPE attribute that takes disc, circle or square as its value.

• Item One
• Item Two
• Item Three
• Item Four

is displayed as Item One Item Two Item Three Item Four

• • • •

HTML HTML img Tag The HTML img tag is used for embedding images into an HTML document.

To use this tag, the image you specify in the src attribute needs to be available on a web server.

• • • • • • • • • •

HTML HTML table Tag The HTML

tag is used for defining a table . The table tag contains other tags that define the structure of the table.

Table Elements

Cell 1

Cell 2

Directory

×