SlideShare ist ein Scribd-Unternehmen logo
1 von 13
INTRODUCTION TO HTML HyperText Markup Language (HTML) is the predominant markup language for the creation of web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code which can affect the behavior of web  HTML browsers and other HTML processors.HTML is a subset of Standard Generalized Markup Language (SGML) and is specified by the World Wide Web Consortium W3C .
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. NEED FOR HTML
HTML Tags Basic HTML Tags The most important tags in HTML are tags that define headings, paragraphs, body and line breaks. The basic HTML Tags are described here in the form of table so that you can remind them easily. Basic HTML Tags Tag  Description <html>  Defines an HTML document <head>  Defines information about the document <title>  Defines the document title <body>  Defines the document's body <h1> to <h6>  Defines header 1 to header 6 <p>  Defines a paragraph <br>  Inserts a single line break <hr>  Defines a horizontal rule <!-->  Defines a comment
Description Of The Above Tags <html>tag 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. Format: <html> <body>..............body of HTML.............</body></html> Example: <html> <body> this is my first page </body></html>
<head> tag 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. Format: <html> <head>.....head sections....</head><body>......body of HTML........</body></html> Example: <html> <head><title>Basic tag</title></head>>body> this is my first page </body></html>
<title> tag 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. Format: <html> <head><title>Title of the Page</title></head><body>.....body of HTML......</body></html> Example: <html> <head><title>Basic tag</title></head><body> this is my first page </body></html>
    <body> tag The body element defines the document's body. It contains all the contents of the document (like text, images, colors, graphics etc). Format: <body bgcolor =&quot;color_name&quot; background=&quot;file_name&quot; links=&quot;color_name&quot; text=&quot;color_name&quot;> Example: <body bgcolor =&quot;red&quot; background=&quot;c:mgky.jpg&quot; links=&quot;blue&quot; text=&quot;black&quot;>
Character Format Tags These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text. All these character formatting Tags are defined in the table shown below: Char Format Tag  Description <b>  Displays bold text <i>  Displays italic text <tt>  Renders as teletype or mono spaced text <u>  Displays underlined text <em>  Displays emphasized text <big>  Displays big text <small>  Displays small text <strong>  Displays strong text <sub>  Displays subscripted text <sup>  Displays superscripted text <bdo>  Defines the direction of text display <font>  Defines the font face, size, and color of text
SYNTAX FOR CHARACTER FORMAT TAGS <b> Tag The <b> tag is used to make the text bold. Format: <b> ................text.........</b> <i> Tag The <i> tag displays the italic text. Format: <i> ................text.........</i>; <tt> Tag The <tt> tag displays the typewriter text. Format: <tt> ................text.........</tt>
Examples of the Text Formatting tags Examples  Outputs <b>   This text is bold </b>    This text is bold <strong>  This text is strong  </strong>    This text is strong <big>    This text is big </big>   This text is big <em>   This text is emphasized </em>     This text is emphasized <i>   This text is italic </i>    This text is italic
Output Tags These tags are often used to display computer/programming code. You might be surprised for &quot;how to display the text containing the spaces, line breaks, programming codes, sample text, define variable&quot;. Do not worry, because in this chapter we are going to show you how easily you can do easily. So lets start with these tags: Tag  Description <pre>  Defines preformatted text <code>  Defines computer code text <tt>  Defines teletype text <kbd>  Defines keyboard text <var>  Defines a variable <dfn>  Defines a definition term <bdo>  Defines the direction of text display <samp>  Defines sample computer code
Block Tags Tag  Description <acronym>   Defines an acronym <abbr>  Defines an abbreviation <address>  Defines an address element <blockquote>  Defines an long quotation <center>  Defines centered text <q>  Defines a short quotation <cite>  Defines a citation <ins>  Defines inserted text <del>  Defines deleted text <s>  Defines strikethrough text <strike>   Defines strikethrough text
Other Tags The <style> tag The <style> tag defines a style in a document.  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. 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. Format: <marquee> Write the text to be scrolled </marquee> Example: <marquee> Write the text to be scrolled </marquee>

Weitere ähnliche Inhalte

Was ist angesagt? (15)

Module 2
Module 2Module 2
Module 2
 
Html
HtmlHtml
Html
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Html 101
Html 101Html 101
Html 101
 
Html part2 (1)
Html part2 (1)Html part2 (1)
Html part2 (1)
 
Html intro
Html introHtml intro
Html intro
 
Html ppt
Html pptHtml ppt
Html ppt
 
Intro Html
Intro HtmlIntro Html
Intro Html
 
Html
HtmlHtml
Html
 
New HTML5/CSS3 techniques
New HTML5/CSS3 techniquesNew HTML5/CSS3 techniques
New HTML5/CSS3 techniques
 
HTML
HTMLHTML
HTML
 
LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3LAMP_TRAINING_SESSION_3
LAMP_TRAINING_SESSION_3
 
html tags
html tagshtml tags
html tags
 
Html ppt computer
Html ppt computerHtml ppt computer
Html ppt computer
 
HTML Fundamentals
HTML FundamentalsHTML Fundamentals
HTML Fundamentals
 

Ähnlich wie Prabu html (20)

Html
HtmlHtml
Html
 
Html TAGS
Html TAGSHtml TAGS
Html TAGS
 
Html intro
Html introHtml intro
Html intro
 
Html
HtmlHtml
Html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
 
Html Intro2
Html Intro2Html Intro2
Html Intro2
 
Html part2
Html part2Html part2
Html part2
 
Tags in html
Tags in htmlTags in html
Tags in html
 
HTML
HTMLHTML
HTML
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Intr To Html & Xhtml
Intr To Html & XhtmlIntr To Html & Xhtml
Intr To Html & Xhtml
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Intro to html
Intro to htmlIntro to html
Intro to html
 
Html
HtmlHtml
Html
 
Diva
DivaDiva
Diva
 
Html basic
Html basicHtml basic
Html basic
 
Web Development using HTML & CSS
Web Development using HTML & CSSWeb Development using HTML & CSS
Web Development using HTML & CSS
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
AK html
AK  htmlAK  html
AK html
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Kürzlich hochgeladen (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 

Prabu html

  • 1. INTRODUCTION TO HTML HyperText Markup Language (HTML) is the predominant markup language for the creation of web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code which can affect the behavior of web HTML browsers and other HTML processors.HTML is a subset of Standard Generalized Markup Language (SGML) and is specified by the World Wide Web Consortium W3C .
  • 2. 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. NEED FOR HTML
  • 3. HTML Tags Basic HTML Tags The most important tags in HTML are tags that define headings, paragraphs, body and line breaks. The basic HTML Tags are described here in the form of table so that you can remind them easily. Basic HTML Tags Tag Description <html> Defines an HTML document <head> Defines information about the document <title> Defines the document title <body> Defines the document's body <h1> to <h6> Defines header 1 to header 6 <p> Defines a paragraph <br> Inserts a single line break <hr> Defines a horizontal rule <!--> Defines a comment
  • 4. Description Of The Above Tags <html>tag 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. Format: <html> <body>..............body of HTML.............</body></html> Example: <html> <body> this is my first page </body></html>
  • 5. <head> tag 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. Format: <html> <head>.....head sections....</head><body>......body of HTML........</body></html> Example: <html> <head><title>Basic tag</title></head>>body> this is my first page </body></html>
  • 6. <title> tag 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. Format: <html> <head><title>Title of the Page</title></head><body>.....body of HTML......</body></html> Example: <html> <head><title>Basic tag</title></head><body> this is my first page </body></html>
  • 7.     <body> tag The body element defines the document's body. It contains all the contents of the document (like text, images, colors, graphics etc). Format: <body bgcolor =&quot;color_name&quot; background=&quot;file_name&quot; links=&quot;color_name&quot; text=&quot;color_name&quot;> Example: <body bgcolor =&quot;red&quot; background=&quot;c:mgky.jpg&quot; links=&quot;blue&quot; text=&quot;black&quot;>
  • 8. Character Format Tags These tags are used for the formatting of the text such as underline, bold, italic, font, size, color of the text. All these character formatting Tags are defined in the table shown below: Char Format Tag Description <b> Displays bold text <i> Displays italic text <tt> Renders as teletype or mono spaced text <u> Displays underlined text <em> Displays emphasized text <big> Displays big text <small> Displays small text <strong> Displays strong text <sub> Displays subscripted text <sup> Displays superscripted text <bdo> Defines the direction of text display <font> Defines the font face, size, and color of text
  • 9. SYNTAX FOR CHARACTER FORMAT TAGS <b> Tag The <b> tag is used to make the text bold. Format: <b> ................text.........</b> <i> Tag The <i> tag displays the italic text. Format: <i> ................text.........</i>; <tt> Tag The <tt> tag displays the typewriter text. Format: <tt> ................text.........</tt>
  • 10. Examples of the Text Formatting tags Examples Outputs <b> This text is bold </b> This text is bold <strong> This text is strong </strong> This text is strong <big> This text is big </big> This text is big <em> This text is emphasized </em> This text is emphasized <i> This text is italic </i> This text is italic
  • 11. Output Tags These tags are often used to display computer/programming code. You might be surprised for &quot;how to display the text containing the spaces, line breaks, programming codes, sample text, define variable&quot;. Do not worry, because in this chapter we are going to show you how easily you can do easily. So lets start with these tags: Tag Description <pre> Defines preformatted text <code> Defines computer code text <tt> Defines teletype text <kbd> Defines keyboard text <var> Defines a variable <dfn> Defines a definition term <bdo> Defines the direction of text display <samp> Defines sample computer code
  • 12. Block Tags Tag Description <acronym> Defines an acronym <abbr> Defines an abbreviation <address> Defines an address element <blockquote> Defines an long quotation <center> Defines centered text <q> Defines a short quotation <cite> Defines a citation <ins> Defines inserted text <del> Defines deleted text <s> Defines strikethrough text <strike> Defines strikethrough text
  • 13. Other Tags The <style> tag The <style> tag defines a style in a document. 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. 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. Format: <marquee> Write the text to be scrolled </marquee> Example: <marquee> Write the text to be scrolled </marquee>