2
Most read
3
Most read
10
Most read
HTML
Hyper Text Markup Language
WHAT IS HTML?
• HTML is the standard markup language for creating web pages.
• HTML Tags label pieces of content such as headings, paragraphs, lists,
tables and so on.
• Browsers do not display HTML tags, rather the content Labeled by
those tags.
• HTML is Not a Case-Sensitive language.
HTML TAGS
• HTML tags are Keywords surrounded by angle brackets ‘<‘ & ‘>’
e.g. <html>
• HTML tags comes in pairs, most of the times.
e.g. <b> and </b>
• The first tag in this pair is called the “Start Tag” or “Opening Tag”.
e.g. <b> is the start tag in <b> </b> pair.
• The second tag in the pair is called “End Tag” or “Closing Tag”.
e.g. </b> is the end tag in <b> </b> pair.
 Always be cautious about properly Ending every Tag you Start.
HTML TAGS STRUCTURE
<element> ….. </element>
Start Tag Content End Tag
EMPTY TAGS
• Tags without an Ending Tags.
e.g. <br>
• <br> can also be written as <br/>
• It is for adding a Line Break on your webpage.
ATTRIBUTES OF TAGS
<element attribute=“value”> … </element>
Name Value
Start Tag End Tag
COMMENTS IN HTML
<!-- Comments -->
Comment Start Comment End
• Comments are not displayed on the web page.
• Comments are used as descriptions of the code.
HTML BASIC STRUCTURE
<!DOCTYPE HTML>
<html>
<head></head>
<body>
<!– Tags with Contents come here -->
</body>
</html>
HEADING TAGS
• H1 to H6 are used for markup of heading in your content.
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
Preview
<P> TAG
• <p> tag is used for paragraphs.
• <p> tag adds some space before and after the paragraph.
• <p> tag puts a line break at the end.
<p> This is first paragraph </p>
<p> This is second paragraph </p>
Preview
<BR> AND <HR>
• <br> is used for adding Line Break.
• <hr> is used for adding a horizontal line on your web page.
<p> This is <br> first paragraph </p>
<hr>
<p> This is second paragraph </p>
Preview
UNORDERED & ORDERED LISTS
<ul>
<li> List Item </li>
<li> List Item </li>
<li> List Item </li>
</ul>
<ol>
<li> List Item </li>
<li> List Item </li>
<li> List Item </li>
</ol> Preview
<B>, <U>, <I> AND <STRONG>
<p>
There is a <b> Bold </b>, <u> Underlined </u>, <i> Italic </i> and a
<strong> Strong </strong> word in this paragraph.
</p>
Preview

Introduction to HTML

  • 1.
  • 2.
    WHAT IS HTML? •HTML is the standard markup language for creating web pages. • HTML Tags label pieces of content such as headings, paragraphs, lists, tables and so on. • Browsers do not display HTML tags, rather the content Labeled by those tags. • HTML is Not a Case-Sensitive language.
  • 3.
    HTML TAGS • HTMLtags are Keywords surrounded by angle brackets ‘<‘ & ‘>’ e.g. <html> • HTML tags comes in pairs, most of the times. e.g. <b> and </b> • The first tag in this pair is called the “Start Tag” or “Opening Tag”. e.g. <b> is the start tag in <b> </b> pair. • The second tag in the pair is called “End Tag” or “Closing Tag”. e.g. </b> is the end tag in <b> </b> pair.  Always be cautious about properly Ending every Tag you Start.
  • 4.
    HTML TAGS STRUCTURE <element>….. </element> Start Tag Content End Tag
  • 5.
    EMPTY TAGS • Tagswithout an Ending Tags. e.g. <br> • <br> can also be written as <br/> • It is for adding a Line Break on your webpage.
  • 6.
    ATTRIBUTES OF TAGS <elementattribute=“value”> … </element> Name Value Start Tag End Tag
  • 7.
    COMMENTS IN HTML <!--Comments --> Comment Start Comment End • Comments are not displayed on the web page. • Comments are used as descriptions of the code.
  • 8.
    HTML BASIC STRUCTURE <!DOCTYPEHTML> <html> <head></head> <body> <!– Tags with Contents come here --> </body> </html>
  • 9.
    HEADING TAGS • H1to H6 are used for markup of heading in your content. <h1> Heading 1 </h1> <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6> Preview
  • 10.
    <P> TAG • <p>tag is used for paragraphs. • <p> tag adds some space before and after the paragraph. • <p> tag puts a line break at the end. <p> This is first paragraph </p> <p> This is second paragraph </p> Preview
  • 11.
    <BR> AND <HR> •<br> is used for adding Line Break. • <hr> is used for adding a horizontal line on your web page. <p> This is <br> first paragraph </p> <hr> <p> This is second paragraph </p> Preview
  • 12.
    UNORDERED & ORDEREDLISTS <ul> <li> List Item </li> <li> List Item </li> <li> List Item </li> </ul> <ol> <li> List Item </li> <li> List Item </li> <li> List Item </li> </ol> Preview
  • 13.
    <B>, <U>, <I>AND <STRONG> <p> There is a <b> Bold </b>, <u> Underlined </u>, <i> Italic </i> and a <strong> Strong </strong> word in this paragraph. </p> Preview