SlideShare a Scribd company logo
1 of 9
TAGS IN HTML A.BALAKUMARAN B.E-CSE
INTRODUCTION TO HTML HTML is a language made for creating the web pages for the websites. By using HTML language one can make his web pages or even his own website. As the HTML is a very easy language for creating the web pages. It can be learned in few hours or in few days. It is the basic format of the HTML file it can be displayed on mostly operating system which supports the web browser. Tags are the reserve keywords used in the HTML file. With the help of tags we can set the format of the text and elements used in the file. In HTML language all of the files are written using tags. Even starting of the html file is done by the <html> tag and ended with the </html> end tag. Tags are the reserved keywords used in the HTML.
BASIC TAGS IN HTML Some of the Basic Tags in the Html are: 1.<html>  -  defines the html document.This element tells a browser that this is an HTML document. This tag is defined at the top of the HTML file and at the end of file. 2.<head>  -   defines information about the document.The head tag defines information about the document. The browser does not display the &quot;head information&quot; to the user. The following tags can be in the head section: <base>, <link>, <meta>, <script>, <style>, and <title>. The head tag is used between <html> and <body> tags. 3. <title>    -  defines the document title.Title tag defines the title of the document which appears in the Title bar of the explorer window. Title tag is used in between <head> and </head> tag because it is title tag is section of <head> tag.
4.<body>    -  defines the document's body.The body element defines the document's body. It contains all the contents of the document 5.<p>    -  defines a paragraph.This tag is used for creating the paragraph in the web page. It is used inside the body of file. 6.<br>    -  Inserts a single line break.The <br> tag inserts a single line break. We can use the <br> tag to enter blank lines but not to separate paragraphs. This tag has no end tag. 7.<hr>    -  The <hr> tag inserts a horizontal rule. The <hr> tag has no end tag. 8.<!-->    -  defines a comment.The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.
CHARACTER FORMAT TAGS(CF TAGS) These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text.  1.<b> Tag  -  The <b> tag is used to make the text bold. 2.<i> Tag  -  The <i> tag displays the italic text. 3.<tt> Tag  -  The <tt> tag displays the typewriter text. 4.<u> Tag  -  The <u> tag displays the underlined text. 5.<em> Tag  -  The <em> tag displays the emphasized text. 6.<big> Tag  -  The <big> tag displays the big text. 7. <small> Tag  -  The  <small> tag displays the small text. 8.<strong> Tag  -  The <strong> tag displays strong text. 9.<sub> Tag  -  The <sub> tag displays text in subscripted format. 10.<sup> Tag  -  The <sup> tag displays superscripted text.  11.<bdo> Tag  -  The <bdo> tag defines the direction of the text.  12.<font> Tag  -  The <font> tag defines the font, color, size of the text.
OUTPUT TAGS These tags are often used to display computer/programming code. 1.<pre>.........</pre>Tag  -  This is preformatted text. It preserves both spaces and line breaks. The pre tag is good for displaying computer code. 2.<code> .....text ......</code> Tag  -  This tag is also used to display the computer code. But better you use <pre> tag. 3.<kbd>.....Keyboard Input......</kbd> Tag - This tag displays the Keyboard Input. 4.<tt>......text....</tt> Tag  -  This tag displays the typewriter text. 5.<samp>....sample text...</samp> Tag  -  This tag displays the sample text.
6.<var> computer variable </var> -  This tag defines the computer variable. 7. <dfn> definition term </dfn>  -  this tag is used for definition term. BLOCK TAGS 1. <acronym>..text..</acronym>Tag The tag defines the start of an acronym, like &quot;WWW&quot; . By marking up acronyms you can give useful information to browsers, spell checkers, translation systems and search-engine indexers. The title attribute can be used to show the full version of the expression when you are holding the mouse over the acronym(text). 2.<abbr>..text..</abbr>  -  Indicates an abbreviated form, like &quot;Inc.&quot;, &quot;etc.&quot;. By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
3. <address> ..address..</address> tag  -  The <address> tag defines the start of an address. You should use it to define addresses, signatures, or authorships of documents. The address usually renders in italic.  4.<blockquote>.........Text........</blockquote> - The <blockquote> tag defines the start of a long quotation. 5.<center>....</center>  -  This tag Centers its enclosed text horizontally. 6.<q> small text</q>  -  The <q> tag defines the start of a short quotation.  7.<cite>  -  This tag defines the citation. 8.<ins>  - This tag provide the facility of inserting the text in between the text. 9.<del>  -  Defines text that has been deleted in a document. 10.<s>or<strike> -  The <s> and <strike> tags defines strikethrough text.
OTHER TAGS 1. The <style> tag -The <style> tag defines a style in a document. The style element goes in the head section. If we want to include a style sheet in your page, we should define the style sheet externally, and link to it using <link>. Using this tag you can initialize the text properties . 2.The <div> tag  -  The <div>tag defines a division/section in a document. Use the <div> tag to group block-elements to format them with styles. This tag is used below the <body> tag. 3.Marquee Text with <marquee> Tags- This tag is used to to get a moving text. As on the television you see the moving news headlines. You can do this by using the <marquee> tag.

More Related Content

What's hot

Html notes with Examples
Html notes with ExamplesHtml notes with Examples
Html notes with Examples
isha
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
vikasgaur31
 

What's hot (20)

Learn html Basics
Learn html BasicsLearn html Basics
Learn html Basics
 
Html notes with Examples
Html notes with ExamplesHtml notes with Examples
Html notes with Examples
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Html
HtmlHtml
Html
 
html tags
html tagshtml tags
html tags
 
Presentation on HTML
Presentation on HTMLPresentation on HTML
Presentation on HTML
 
Basic html structure
Basic html structureBasic html structure
Basic html structure
 
Html frames
Html framesHtml frames
Html frames
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html basics
Html basicsHtml basics
Html basics
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Html
HtmlHtml
Html
 
Html introduction
Html introductionHtml introduction
Html introduction
 
Css selectors
Css selectorsCss selectors
Css selectors
 
Html Slide Part-1
Html Slide Part-1Html Slide Part-1
Html Slide Part-1
 

Viewers also liked

Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentation
alyssa_lum11
 
Div Tag Tutorial
Div Tag TutorialDiv Tag Tutorial
Div Tag Tutorial
bav123
 
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
Ankita Bhalla
 
बेसिक जावा प्रोग्रामिंग हिंदी में
बेसिक जावा प्रोग्रामिंग हिंदी में बेसिक जावा प्रोग्रामिंग हिंदी में
बेसिक जावा प्रोग्रामिंग हिंदी में
Chand Rook
 

Viewers also liked (17)

static dynamic html tags
static dynamic html tagsstatic dynamic html tags
static dynamic html tags
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html
HtmlHtml
Html
 
Html tags
Html tagsHtml tags
Html tags
 
JavaScript: The Language
JavaScript: The LanguageJavaScript: The Language
JavaScript: The Language
 
Div tag presentation
Div tag presentationDiv tag presentation
Div tag presentation
 
Div Tag Tutorial
Div Tag TutorialDiv Tag Tutorial
Div Tag Tutorial
 
HTML a Element: Link to External Page
HTML a Element: Link to External PageHTML a Element: Link to External Page
HTML a Element: Link to External Page
 
The Basics of (X)HTML Tags
The Basics of (X)HTML TagsThe Basics of (X)HTML Tags
The Basics of (X)HTML Tags
 
HTML Tags
HTML TagsHTML Tags
HTML Tags
 
Html font tag in Hindi
Html font tag in Hindi Html font tag in Hindi
Html font tag in Hindi
 
Html and its tags
Html and its tagsHtml and its tags
Html and its tags
 
HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2HTML Lecture Part 1 of 2
HTML Lecture Part 1 of 2
 
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
 
बेसिक जावा प्रोग्रामिंग हिंदी में
बेसिक जावा प्रोग्रामिंग हिंदी में बेसिक जावा प्रोग्रामिंग हिंदी में
बेसिक जावा प्रोग्रामिंग हिंदी में
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 
Html Basic Tags
Html Basic TagsHtml Basic Tags
Html Basic Tags
 

Similar to Tags in html (20)

Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Prabu html
Prabu htmlPrabu html
Prabu html
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Html TAGS
Html TAGSHtml TAGS
Html TAGS
 
Html tag
Html tagHtml tag
Html tag
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
HTML
HTMLHTML
HTML
 
AK html
AK  htmlAK  html
AK html
 
Diva
DivaDiva
Diva
 
Html
HtmlHtml
Html
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
BasicHTML
BasicHTMLBasicHTML
BasicHTML
 
Understandable Content and Controls
Understandable Content and ControlsUnderstandable Content and Controls
Understandable Content and Controls
 
Html
HtmlHtml
Html
 
Html intro
Html introHtml intro
Html intro
 
Html intro
Html introHtml intro
Html intro
 
Lecture1
Lecture1Lecture1
Lecture1
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 

More from Balakumaran Arunachalam (10)

Campus deck
Campus deckCampus deck
Campus deck
 
visible surface detection
visible surface detectionvisible surface detection
visible surface detection
 
Greenhouse effect
Greenhouse effectGreenhouse effect
Greenhouse effect
 
Career path non technical
Career path non technicalCareer path non technical
Career path non technical
 
Java adv
Java advJava adv
Java adv
 
Css
CssCss
Css
 
Installing and configuring apache
Installing and configuring apacheInstalling and configuring apache
Installing and configuring apache
 
Sql installation
Sql installationSql installation
Sql installation
 
Sql commands
Sql commandsSql commands
Sql commands
 
Linux commands
Linux commandsLinux commands
Linux commands
 

Recently uploaded

QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
httgc7rh9c
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
AnaAcapella
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
EADTU
 

Recently uploaded (20)

OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...
 
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptxCOMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
COMMUNICATING NEGATIVE NEWS - APPROACHES .pptx
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lessonQUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
QUATER-1-PE-HEALTH-LC2- this is just a sample of unpacked lesson
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
Introduction to TechSoup’s Digital Marketing Services and Use Cases
Introduction to TechSoup’s Digital Marketing  Services and Use CasesIntroduction to TechSoup’s Digital Marketing  Services and Use Cases
Introduction to TechSoup’s Digital Marketing Services and Use Cases
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPSSpellings Wk 4 and Wk 5 for Grade 4 at CAPS
Spellings Wk 4 and Wk 5 for Grade 4 at CAPS
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
Transparency, Recognition and the role of eSealing - Ildiko Mazar and Koen No...
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111Details on CBSE Compartment Exam.pptx1111
Details on CBSE Compartment Exam.pptx1111
 
Play hard learn harder: The Serious Business of Play
Play hard learn harder:  The Serious Business of PlayPlay hard learn harder:  The Serious Business of Play
Play hard learn harder: The Serious Business of Play
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 

Tags in html

  • 1. TAGS IN HTML A.BALAKUMARAN B.E-CSE
  • 2. INTRODUCTION TO HTML HTML is a language made for creating the web pages for the websites. By using HTML language one can make his web pages or even his own website. As the HTML is a very easy language for creating the web pages. It can be learned in few hours or in few days. It is the basic format of the HTML file it can be displayed on mostly operating system which supports the web browser. Tags are the reserve keywords used in the HTML file. With the help of tags we can set the format of the text and elements used in the file. In HTML language all of the files are written using tags. Even starting of the html file is done by the <html> tag and ended with the </html> end tag. Tags are the reserved keywords used in the HTML.
  • 3. BASIC TAGS IN HTML Some of the Basic Tags in the Html are: 1.<html> - defines the html document.This element tells a browser that this is an HTML document. This tag is defined at the top of the HTML file and at the end of file. 2.<head> - defines information about the document.The head tag defines information about the document. The browser does not display the &quot;head information&quot; to the user. The following tags can be in the head section: <base>, <link>, <meta>, <script>, <style>, and <title>. The head tag is used between <html> and <body> tags. 3. <title> - defines the document title.Title tag defines the title of the document which appears in the Title bar of the explorer window. Title tag is used in between <head> and </head> tag because it is title tag is section of <head> tag.
  • 4. 4.<body> - defines the document's body.The body element defines the document's body. It contains all the contents of the document 5.<p> - defines a paragraph.This tag is used for creating the paragraph in the web page. It is used inside the body of file. 6.<br> - Inserts a single line break.The <br> tag inserts a single line break. We can use the <br> tag to enter blank lines but not to separate paragraphs. This tag has no end tag. 7.<hr> - The <hr> tag inserts a horizontal rule. The <hr> tag has no end tag. 8.<!--> - defines a comment.The comment tag is used to insert a comment in the source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.
  • 5. CHARACTER FORMAT TAGS(CF TAGS) These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text. 1.<b> Tag - The <b> tag is used to make the text bold. 2.<i> Tag - The <i> tag displays the italic text. 3.<tt> Tag - The <tt> tag displays the typewriter text. 4.<u> Tag - The <u> tag displays the underlined text. 5.<em> Tag - The <em> tag displays the emphasized text. 6.<big> Tag - The <big> tag displays the big text. 7. <small> Tag - The <small> tag displays the small text. 8.<strong> Tag - The <strong> tag displays strong text. 9.<sub> Tag - The <sub> tag displays text in subscripted format. 10.<sup> Tag - The <sup> tag displays superscripted text. 11.<bdo> Tag - The <bdo> tag defines the direction of the text. 12.<font> Tag - The <font> tag defines the font, color, size of the text.
  • 6. OUTPUT TAGS These tags are often used to display computer/programming code. 1.<pre>.........</pre>Tag - This is preformatted text. It preserves both spaces and line breaks. The pre tag is good for displaying computer code. 2.<code> .....text ......</code> Tag - This tag is also used to display the computer code. But better you use <pre> tag. 3.<kbd>.....Keyboard Input......</kbd> Tag - This tag displays the Keyboard Input. 4.<tt>......text....</tt> Tag - This tag displays the typewriter text. 5.<samp>....sample text...</samp> Tag - This tag displays the sample text.
  • 7. 6.<var> computer variable </var> - This tag defines the computer variable. 7. <dfn> definition term </dfn> - this tag is used for definition term. BLOCK TAGS 1. <acronym>..text..</acronym>Tag The tag defines the start of an acronym, like &quot;WWW&quot; . By marking up acronyms you can give useful information to browsers, spell checkers, translation systems and search-engine indexers. The title attribute can be used to show the full version of the expression when you are holding the mouse over the acronym(text). 2.<abbr>..text..</abbr> - Indicates an abbreviated form, like &quot;Inc.&quot;, &quot;etc.&quot;. By marking up abbreviations you can give useful information to browsers, spell checkers, translation systems and search-engine indexers.
  • 8. 3. <address> ..address..</address> tag - The <address> tag defines the start of an address. You should use it to define addresses, signatures, or authorships of documents. The address usually renders in italic. 4.<blockquote>.........Text........</blockquote> - The <blockquote> tag defines the start of a long quotation. 5.<center>....</center> - This tag Centers its enclosed text horizontally. 6.<q> small text</q> - The <q> tag defines the start of a short quotation. 7.<cite> - This tag defines the citation. 8.<ins> - This tag provide the facility of inserting the text in between the text. 9.<del> - Defines text that has been deleted in a document. 10.<s>or<strike> - The <s> and <strike> tags defines strikethrough text.
  • 9. OTHER TAGS 1. The <style> tag -The <style> tag defines a style in a document. The style element goes in the head section. If we want to include a style sheet in your page, we should define the style sheet externally, and link to it using <link>. Using this tag you can initialize the text properties . 2.The <div> tag - The <div>tag defines a division/section in a document. Use the <div> tag to group block-elements to format them with styles. This tag is used below the <body> tag. 3.Marquee Text with <marquee> Tags- This tag is used to to get a moving text. As on the television you see the moving news headlines. You can do this by using the <marquee> tag.