8/13/2019 HTML Common Tags

1/22

HTML

8/13/2019 HTML Common Tags

2/22

INTRODUCTION

HTML stands for Hyper Text MarkupLanguage

predominant markup language for web pages

Developed by World Wide Web Consortium & WHATWG

Type of format Markup language

http://en.wikipedia.org/wiki/Markup_languagehttp://en.wikipedia.org/wiki/Web_pagehttp://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttp://en.wikipedia.org/wiki/WHATWGhttp://en.wikipedia.org/wiki/Markup_languagehttp://en.wikipedia.org/wiki/Markup_languagehttp://en.wikipedia.org/wiki/Markup_languagehttp://en.wikipedia.org/wiki/WHATWGhttp://en.wikipedia.org/wiki/WHATWGhttp://en.wikipedia.org/wiki/World_Wide_Web_Consortiumhttp://en.wikipedia.org/wiki/Web_pagehttp://en.wikipedia.org/wiki/Markup_language

8/13/2019 HTML Common Tags

3/22

HTML Tags

HTML markup tags are usually called HTML tagsHTML tags are keywords surrounded by anglebrackets like

HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag isthe end tag Start and end tags are also called opening tags and

closing tagsHTML tags are not case sensitive

8/13/2019 HTML Common Tags

4/22

HTML Headings

HTML headings are defined with the to tags.

HTML Paragraphs

HTML paragraphs are defined with the

tag.

HTML Links

HTML links are defined with the tag.

HTML Images

HTML images are defined with the tag.

HTML Comments

Comments can be inserted in the HTML code to make itmore readable and understandable but they are

ignored by the browser and are not displayed.

8/13/2019 HTML Common Tags

5/22

HTML Element

An HTML element starts with a start tag / openingtag and ends with an end tag / closing tag

The element content is everything between the start

and the end tagSome HTML elements have empty content . Eg.linebreak

Empty elements are closed in the start tag

Most HTML elements can have attributes

8/13/2019 HTML Common Tags

6/22

HTML Attributes

Attributes provide additional information about theelement

Attributes are always specified in the start tag

Attributes come in name/value pairs like:name="value"

HTML links are defined with the tag.

Eg. This is alink

8/13/2019 HTML Common Tags

7/22

HTML Styles

Styles was introduced to style HTML elementsusing the style attribute, or indirectly in separatestyle sheets (CSS)

Style Examples:I. Background Color

II.Font Family, Color and Size

III.Text Alignment

8/13/2019 HTML Common Tags

8/22

HTML Links

Link syntax:

Link text

A hyperlink is an address to a resource on theweb.

An anchor is a term used to define a hyperlinkdestination inside a document.

The HTML anchor element , is used todefine both hyperlinks and anchors.

8/13/2019 HTML Common Tags

9/22

HTML Images

In HTML, images are defined with the tag.

To display an image on a page, you need to use the srcattribute. Src stands for "source". The value of the src attributeis the URL of the image

The syntax of defining an image:

The browser puts the image where the image tag occurs in thedocument.

The alt attribute is used to define an "alternate text" for animage. The "alt" attribute gives information of what is missing ona page if the browser can't load images.

8/13/2019 HTML Common Tags

10/22

HTML Tables

Tables are defined with the tag. A tableis divided into rows (with tag), and eachrow is divided into data cells (with tag)

where td stands for "table data," which is thecontent of a data cell.

Headings in a Table

Headings in a table are defined with the tag.

8/13/2019 HTML Common Tags

11/22

HTML Lists

Unordered Lists

An unordered list is a list of items marked withbullets.

An unordered list starts with the tag. Eachlist item starts with the tag.

Coffee

Coffee

8/13/2019 HTML Common Tags

12/22

Ordered Lists

An ordered list is also a list of items markedwith numbers.

An ordered list starts with the tag. Each listitem starts with the tag.

Coffee

1.Coffee

8/13/2019 HTML Common Tags

13/22

8/13/2019 HTML Common Tags

14/22

HTML Forms and Input

A form is an area that can contain form elements thatallow the user to enter information (like text fields,textarea fields,radio buttons, checkboxes) in a form.

A form is defined with the tag.The most used form tag is the tag.

When the user clicks on the "Submit" button, thecontent of the form is sent to the server.

8/13/2019 HTML Common Tags

15/22

8/13/2019 HTML Common Tags

16/22

HTML Frames

With frames, we can display more than one HTML document inthe same browser window. Each HTML document is called aframe, and each frame is independent of the others.

The tag defines how to divide the window into

framesThe tag defines what HTML document to put into eachframe

The disadvantages of using frames are:

I. The web developer must keep track of more HTML documentsII. It is difficult to print the entire page

8/13/2019 HTML Common Tags

17/22

Defines a table caption

http://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_caption.asp

8/13/2019 HTML Common Tags

18/22

p

Deprecated. Defines centered text

Defines a citation

Defines computer code text

Defines attribute values for one or more columns in a table

Defines a group of columns in a table for formatting

Defines a description of a term in a definition list

Defines deleted text

Defines a definition term

Deprecated. Defines a directory list

Defines a section in a document

Defines a definition list

Defines a term (an item) in a definition list

Defines emphasized text

Defines a border around elements in a form

http://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_font.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_fieldset.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_dt.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_dl.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_div.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_dir.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_del.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_dd.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_colgroup.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_col.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_center.asphttp://www.w3schools.com/tags/tag_caption.asphttp://www.w3schools.com/tags/tag_caption.asp

8/13/2019 HTML Common Tags

19/22

to Defines HTML headings

Defines information about the document

Defines a horizontal line

Defines an HTML document

Defines italic text

Defines an inline frame

Defines an image

Defines an input control

Defines inserted text

Deprecated. Defines a searchable index related to a document

Defines keyboard text

Defines a label for an input element

Defines a caption for a fieldset element

Defines a list item

Defines the relationship between a document and an external resource

http://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_link.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_li.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_legend.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_label.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_ins.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_input.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_img.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_iframe.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_html.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_hr.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_head.asphttp://www.w3schools.com/tags/tag_hn.asphttp://www.w3schools.com/tags/tag_hn.asp

8/13/2019 HTML Common Tags

20/22

Defines an alternate content for users that do not support client-sidescripts

Defines an embedded object

Defines an ordered list

Defines a group of related options in a select list

Defines an option in a select list

Defines a paragraph

Defines a parameter for an object

Defines preformatted text

Defines a short quotation

Deprecated. Defines strikethrough text

Defines sample computer code

Defines a client-side script

Defines a select list (drop-down list)

Defines small text

http://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_font_style.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_select.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_script.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_phrase_elements.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_strike.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_q.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_pre.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_param.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_p.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_option.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_optgroup.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_ol.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_object.asphttp://www.w3schools.com/tags/tag_noscript.asphttp://www.w3schools.com/tags/tag_noscript.asp

8/13/2019 HTML Common Tags

21/22

8/13/2019 HTML Common Tags

22/22

THANK YOU