SlideShare uma empresa Scribd logo
1 de 14
www.lucideus.com
TAGS IN HTML
June 28
By Kunal Gupta
www.lucideus.com
Html (Hypertext markup language)
Hypertext markup language is the set of markup symbols or codes inserted in a file intended for a display on a word
wide webbrowserpage.The markuptellsthe webbrowserhow todisplayawebpages’swordsandimagesforthe user.
Each individual markupcode isreferredtoasan element.Some elementscome inpairsthatindicate whensome display
effect is to begin when it is to end.
Html elementsformthe buildingblocksof html pages.Html allows images and other objects to be embedded nd it can
be used to create interactive forms. It provides a means to create structured documents by denoting structural
semanticsfortxtsuch as headings,paragraphs,lists,linksquotesandotheritems.Html elementsare delineatedbytags,
writeenusingangle brackets,tagssuchas <img />and <input /> introduce content into pages indirectly. Others such as
<p>…..</p> surround and provide information about document text and may include other tag as sub-elements.
Browser do not display the html tags, but use them to interpret the content of the page.
Markup
Html markup consistsof several keycomponents,includingthose calledtags(andtheirattributes),character-baseddata
types,characterreferencesandentityreferences.Html tagsmostcommonlycome inpairs like <h1>and</h1>, although
some representemptyelementsandsoare unpaired,forexample<img>. The first tag in such a pair is the start tag, and
the second is the end tag (they are also called opening tags and closing tags)
www.lucideus.com
TAGS USED IN HTML
There are various tags used in HTML such as:
DOCTYPE
It is represented as “<! DOCTYPE> which defines the document type. The <! DOCTYPE> declaration must be
the very first thing in your HTML document, before the <html> tag.
The <! DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of
HTML the page is written in.
In HTML 4.01, the <! DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD
specifies the rules for the markup language, so that the browsers render the content correctly.
For example:
www.lucideus.com
HTML TAG
It is represented as <html > and </html>.The <html> tag tells the browser that this is an HTML
document .The <html> tag represents the root of an HTML document .The <html> tag is the
container for all other HTML elements.
For example:-
www.lucideus.com
TITLE TAG
The <title> tag is required in all HTML documents and it defines the title of the document.
The <title> element:
 Defines a title in the browser toolbar
 Provides a title for the page when it is added to favorites
 Displays a title for the page in search-engine results
For example:-
www.lucideus.com
FORM TAG
The <form> tag is used to create an HTML form for user input.
The <form> element can contain one or more of the following form elements:
www.lucideus.com
<Input>Tag
The <input> tag specifies an input field where the user can enter data. <input> elements are
used within a <form> element to declare input controls that allow users to input data .An
input field can vary in many ways, depending on the type attribute.
www.lucideus.com
<Text area>TAG
The <Text area> tag defines a multi-line text input control. A text area can hold an unlimited
number of characters, and the text renders in a fixed-width font (usually Courier).The size of a
text area can be specified by the column and rows attributes, or even better; through CSS'
height and width properties.
www.lucideus.com
<Button>TAG
The <button> tag defines a clickable button. Inside a <button> element you can
put content, like text or images. This is the difference between this element and
buttons created with the <input> element.
www.lucideus.com
<Select>TAG
The <select> element is used to create a drop-down list. The <option> tags inside
the <select> element define the available options in the list.
www.lucideus.com
<Option>TAG
The <option>tag defines an optionin a select list. <option> elements go
inside a <select> or <data list> element.
www.lucideus.com
<Field set>TAG
The <field set> tag is used to group related elements in a form. The <field set> tag
draws a box around the related elements.
www.lucideus.com
<label>TAG
The <label> tag defines a label for an <input> element. The <label> element does not render as
anything special for the user. However, it provides a usability improvement for mouse users,
because if the user clicks on the text within the <label> element, it toggles the control. The for
attribute of the <label> tag should be equal to the id attribute of the related element to bind
them together.
www.lucideus.com
CODING OF CALCULATOR IN HTML:-

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
HTML5: features with examples
HTML5: features with examplesHTML5: features with examples
HTML5: features with examples
 
Html text and formatting
Html text and formattingHtml text and formatting
Html text and formatting
 
CSS for Beginners
CSS for BeginnersCSS for Beginners
CSS for Beginners
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Images and Tables in HTML
Images and Tables in HTMLImages and Tables in HTML
Images and Tables in HTML
 
javascript objects
javascript objectsjavascript objects
javascript objects
 
HTML
HTMLHTML
HTML
 
Intro to html 5
Intro to html 5Intro to html 5
Intro to html 5
 
Css box-model
Css box-modelCss box-model
Css box-model
 
Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)Introduction to Cascading Style Sheets (CSS)
Introduction to Cascading Style Sheets (CSS)
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Html form tag
Html form tagHtml form tag
Html form tag
 
Css
CssCss
Css
 
Html forms
Html formsHtml forms
Html forms
 
Basic HTML
Basic HTMLBasic HTML
Basic HTML
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 
CSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive DesignCSS3, Media Queries, and Responsive Design
CSS3, Media Queries, and Responsive Design
 

Destaque

Web designing (1) - Html Basic Codding
Web designing (1) - Html Basic CoddingWeb designing (1) - Html Basic Codding
Web designing (1) - Html Basic CoddingRabiul robi
 
World wide web (WWW)
World wide web (WWW)World wide web (WWW)
World wide web (WWW)Mishuk Hossan
 
Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tagsCK Yang
 
Search Engines Presentation
Search Engines PresentationSearch Engines Presentation
Search Engines PresentationJSCHO9
 
The World Wide Web Power Point
The World Wide Web Power PointThe World Wide Web Power Point
The World Wide Web Power Pointkaramfilova
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginnersjeroenvdmeer
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to htmlvikasgaur31
 
Search Engine Powerpoint
Search Engine PowerpointSearch Engine Powerpoint
Search Engine Powerpoint201014161
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTMLMayaLisa
 

Destaque (20)

Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
 
Tags in html
Tags in htmlTags in html
Tags in html
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 
Web designing (1) - Html Basic Codding
Web designing (1) - Html Basic CoddingWeb designing (1) - Html Basic Codding
Web designing (1) - Html Basic Codding
 
Basic of web design
Basic of web designBasic of web design
Basic of web design
 
World wide web (WWW)
World wide web (WWW)World wide web (WWW)
World wide web (WWW)
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tags
 
Search Engines Presentation
Search Engines PresentationSearch Engines Presentation
Search Engines Presentation
 
Web Browsers
Web BrowsersWeb Browsers
Web Browsers
 
The World Wide Web Power Point
The World Wide Web Power PointThe World Wide Web Power Point
The World Wide Web Power Point
 
HTML presentation for beginners
HTML presentation for beginnersHTML presentation for beginners
HTML presentation for beginners
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Search engines
Search enginesSearch engines
Search engines
 
html5.ppt
html5.ppthtml5.ppt
html5.ppt
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Search Engine Powerpoint
Search Engine PowerpointSearch Engine Powerpoint
Search Engine Powerpoint
 
world wide web
world wide webworld wide web
world wide web
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Slides That Rock
Slides That RockSlides That Rock
Slides That Rock
 

Semelhante a html tags (20)

Web(chap2)
Web(chap2)Web(chap2)
Web(chap2)
 
HTML language and all its tags .....
HTML language and all its tags .....HTML language and all its tags .....
HTML language and all its tags .....
 
Introduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntaxIntroduction to HTML- Week 3- HTMLSyntax
Introduction to HTML- Week 3- HTMLSyntax
 
Introduction to HTML.pptx
Introduction to HTML.pptxIntroduction to HTML.pptx
Introduction to HTML.pptx
 
How to learn HTML in 10 Days
How to learn HTML in 10 DaysHow to learn HTML in 10 Days
How to learn HTML in 10 Days
 
Chapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdfChapter 2 - HTML5.pdf
Chapter 2 - HTML5.pdf
 
Html
HtmlHtml
Html
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Markup language classification, designing static and dynamic
Markup language classification, designing static and dynamicMarkup language classification, designing static and dynamic
Markup language classification, designing static and dynamic
 
ppt.pptx
ppt.pptxppt.pptx
ppt.pptx
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
HTML - LinkedIn
HTML - LinkedInHTML - LinkedIn
HTML - LinkedIn
 
INTRODUTION TO HTML.pptx
INTRODUTION TO HTML.pptxINTRODUTION TO HTML.pptx
INTRODUTION TO HTML.pptx
 
Html
HtmlHtml
Html
 
Tm 1st quarter - 1st meeting
Tm   1st quarter - 1st meetingTm   1st quarter - 1st meeting
Tm 1st quarter - 1st meeting
 
About html
About htmlAbout html
About html
 
html.pptx
html.pptxhtml.pptx
html.pptx
 
Ict html
Ict htmlIct html
Ict html
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 

html tags

  • 2. www.lucideus.com Html (Hypertext markup language) Hypertext markup language is the set of markup symbols or codes inserted in a file intended for a display on a word wide webbrowserpage.The markuptellsthe webbrowserhow todisplayawebpages’swordsandimagesforthe user. Each individual markupcode isreferredtoasan element.Some elementscome inpairsthatindicate whensome display effect is to begin when it is to end. Html elementsformthe buildingblocksof html pages.Html allows images and other objects to be embedded nd it can be used to create interactive forms. It provides a means to create structured documents by denoting structural semanticsfortxtsuch as headings,paragraphs,lists,linksquotesandotheritems.Html elementsare delineatedbytags, writeenusingangle brackets,tagssuchas <img />and <input /> introduce content into pages indirectly. Others such as <p>…..</p> surround and provide information about document text and may include other tag as sub-elements. Browser do not display the html tags, but use them to interpret the content of the page. Markup Html markup consistsof several keycomponents,includingthose calledtags(andtheirattributes),character-baseddata types,characterreferencesandentityreferences.Html tagsmostcommonlycome inpairs like <h1>and</h1>, although some representemptyelementsandsoare unpaired,forexample<img>. The first tag in such a pair is the start tag, and the second is the end tag (they are also called opening tags and closing tags)
  • 3. www.lucideus.com TAGS USED IN HTML There are various tags used in HTML such as: DOCTYPE It is represented as “<! DOCTYPE> which defines the document type. The <! DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <! DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the <! DOCTYPE> declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly. For example:
  • 4. www.lucideus.com HTML TAG It is represented as <html > and </html>.The <html> tag tells the browser that this is an HTML document .The <html> tag represents the root of an HTML document .The <html> tag is the container for all other HTML elements. For example:-
  • 5. www.lucideus.com TITLE TAG The <title> tag is required in all HTML documents and it defines the title of the document. The <title> element:  Defines a title in the browser toolbar  Provides a title for the page when it is added to favorites  Displays a title for the page in search-engine results For example:-
  • 6. www.lucideus.com FORM TAG The <form> tag is used to create an HTML form for user input. The <form> element can contain one or more of the following form elements:
  • 7. www.lucideus.com <Input>Tag The <input> tag specifies an input field where the user can enter data. <input> elements are used within a <form> element to declare input controls that allow users to input data .An input field can vary in many ways, depending on the type attribute.
  • 8. www.lucideus.com <Text area>TAG The <Text area> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and the text renders in a fixed-width font (usually Courier).The size of a text area can be specified by the column and rows attributes, or even better; through CSS' height and width properties.
  • 9. www.lucideus.com <Button>TAG The <button> tag defines a clickable button. Inside a <button> element you can put content, like text or images. This is the difference between this element and buttons created with the <input> element.
  • 10. www.lucideus.com <Select>TAG The <select> element is used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.
  • 11. www.lucideus.com <Option>TAG The <option>tag defines an optionin a select list. <option> elements go inside a <select> or <data list> element.
  • 12. www.lucideus.com <Field set>TAG The <field set> tag is used to group related elements in a form. The <field set> tag draws a box around the related elements.
  • 13. www.lucideus.com <label>TAG The <label> tag defines a label for an <input> element. The <label> element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the <label> element, it toggles the control. The for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together.