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_language8/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.asp8/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.asp8/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.asp8/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.asp8/13/2019 HTML Common Tags
21/22
8/13/2019 HTML Common Tags
22/22
THANK YOU