Scribd
Upload
20 views22 pages

Ganaka HTML5

The document provides an overview of HTML, including its history, structure, and various types of tags and attributes. It discusses the differences between block and inline elements, the use of anchor tags for hyperlinks, and the creation of forms for data collection. Additionally, it covers input types for forms and concludes with contact information for Ganaka Labs Private Limited.

Uploaded by

Spandu Swamy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
20 views22 pages

Ganaka HTML5

The document provides an overview of HTML, including its history, structure, and various types of tags and attributes. It discusses the differences between block and inline elements, the use of anchor tags for hyperlinks, and the creation of forms for data collection. Additionally, it covers input types for forms and concludes with contact information for Ganaka Labs Private Limited.

Uploaded by

Spandu Swamy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 22

HTML5

WHAT IS HTML?
HISTORY OF HTML
STRUCTURE OF HTML
HTML TAGS
TYPES OF TAGS
HTML ELEMENTS
BASIC TAGS
FORMATTING TAGS
ATTRIBUTES

• Attributes provide additional information about an element


• Attributes are always specified in the start tag
• Attributes usually come in name/value pairs like: name="value”

EX: <p align = "left">This is left aligned</p>


CORE ATTRIBUTE
Types of Attributes:
• Id
• title
• class
• style

Id Attribute:

EX: <p id = "html">This para explains what is HTML</p>

Title Attribute:

EX: <h3 title = "Hello HTML!">Titled Heading Tag Example</h3>


Class Attribute : The class attribute is used to associate an element with a style sheet, and specifies the class of
element.
Ex: class =“classname1 classname2 classname3”

Style Attribute:
EX: <p style = "font-family:arial; color:#FF0000;">Some text...</p>
GROUPING CONTENT
DIFFERENCE B/W DIV AND SPAN

The difference
Div and Span tags between the Div and
are both used as Span is, Div is a block
content wrappers. element while Span is
an inline element.

That is Div tag


takes up the entire
width of the screen
where as Span
conforms to the
width of whatever
element it contains
LISTS
ANCHORS AND HYPERLINKS

Anchor tag and Href Attribute

HTML uses the <a> An anchor can point to any resource on


(anchor) tag to create the Web: an HTML page, an image, a
a link to another sound file, a movie etc.
document

The <a> tag is used to create an anchor


to link from, the href attribute is used
The syntax of to address the document to link to, and
creating an anchor: the words between the open and close
<a href = “url”> Text of the anchor tag will be displayed as a
to be Displayed </a> hyperlink
IMAGE HANDLING
TABLES
FORMS
HTML Forms are required, when you
want to collect some data For example,
during user registration you would like
to collect information such as name,
email address, etc.

There are various form elements


available like text fields, textarea
fields, drop-down menus, radio
buttons, checkboxes, etc.

The HTML <form> tag is used to


create an HTML form.
FORM CONTROL

Text Input Controls

Checkboxes Controls

Radio Box Controls

Select Box Controls

File Select boxes

Hidden Controls

Clickable Buttons

Submit and Reset Button


INPUT TYPES FOR FORMS
SEMANTIC TAGS
REACH US AT

THANK YOU

GANAKA LABS PRIVATE LIMITED


Technology is our Nature

Contact: +91 63665 64229 / 96637 42371


Email: hr@ganakalabs.com
Website: www.ganakalabs.com

You might also like