Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
BATRA COMPUTER CENTRE
ISO CERTIFIED 9001:2008
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
HTML is the standard markup language for creating Web
pages.
 HTML stands for Hyper Text Markup Language
 HTML describes the structure of Web pages using markup
 HTML elements are the building blocks of HTML pages
 HTML elements are represented by tags
 HTML tags label pieces of content such as "heading", "paragraph",
"table", and so on
 Browsers do not display the HTML tags, but use them to render
the content of the page
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Below is an example of HTML used to define a
basic webpage with a title and a single paragraph
of text.
<!doctype html>
<html>
<head>
<title>TechTerms.com</title>
</head>
<body>
<p>This is an example of a paragraph in HTML.</p>
</body>
</html>
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
•The <!DOCTYPE html> declaration defines this document to
be HTML5
•The <html> element is the root element of an HTML page
•The <head> element contains meta information about the
document
•The <title> element specifies a title for the document
•The <body> element contains the visible page content
•The <h1> element defines a large heading
•The <p> element defines a paragraph
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
 HTML tags normally come in pairs like <p> and </p>
 The first tag in a pair is the start tag, the second tag is the end
tag
 The end tag is written like the start tag, but with a forward
slash inserted before the tag name
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
 HTML headings are defined with the <h1> to <h6> tags.
 <h1> defines the most important heading. <h6> defines the
least important heading
EXAMPLE:--
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
 HTML paragraphs are defined with the <p> tag:
EXAMPLE:--
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
The link's destination is specified in the href attribute.
Attributes are used to provide additional information about
HTML elements.
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
 HTML links are defined with the <a> tag:
EXAMPLE:--
<a href="https://www.w3schools.com">This is a
link</a>
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
EXAMPLE:--
<img src="w3schools.jpg" alt="W3Schools.com" width
="104" height="142">
 HTML images are defined with the <img> tag.
 The source file (src), alternative text (alt), width, and height
are provided as attributes:
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <!--...--> Defines a comment
 <!DOCTYPE> Defines the document type
 <a> Defines a hyperlink
 <abbr> Defines an abbreviation or an acronym
 <acronym> Not supported in HTML5. Use <abbr>
instead.
Defines an acronym
 <address> Defines contact information for the
author/owner of a document
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <applet> Not supported in HTML5. Use
<embed> or <object> instead.
Defines an embedded applet
 <area> Defines an area inside an image-
 <article> Defines an article
 <aside> Defines content aside from the page
content
 <audio> Defines sound content
 <b> Defines bold text
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <base> Specifies the base URL/target for all
relative URLs in a document
 <basefont> Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all
text in a document
 <bdi> Isolates a part of text that might be formatted
in a different direction from other text outside
it
 <bdo> Overrides the current text direction
 <big> Not supported in HTML5. Use CSS instead.
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <blockquote> Defines a section that is quoted from another
source
 <body> Defines the document's body
 <br> Defines a single line break
 <button> Defines a clickable button
 <caption> Defines a table caption.
 <code> Defines a piece of computer code
 <dd> Defines a description/value of a term in a
description list
 <del> Defines text that has been deleted from a
document
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <details> Defines additional details that the user can view
or hide
 <dfn> Represents the defining instance of a term
 <dialog> Defines a dialog box or window
 <div> Defines a section in a document
 <dl> Defines a description list
 <dt> Defines a term/name in a description list
 <em> Defines emphasized text
 <font> Defines font, color, and size for text
 <footer> Defines a footer for a document or section
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <form> Defines an HTML form for user input
 <header> Defines a header for a document or section
 <hr> Defines a thematic change in the content
 <i> Defines a part of text in an alternate voice or
mood
 <ins> Defines a text that has been inserted into a
document
 <li> Defines a list item
 <mark> Defines marked/highlighted text
 <ol> Defines an ordered list
 <pre> Defines preformatted text
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <q> Defines a short quotation
 <script> Defines a client-side script
 <section> Defines a section in a document
 <select> Defines a drop-down list
 <small> Defines smaller text
 <source> Defines multiple media resources for media
elements (<video> and <audio>)
 <span> Defines a section in a document
 <strong> Defines important text
 <style> Defines style information for a document
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <sub> Defines subscripted text
 <summary> Defines a visible heading for a <details>
element
 <sup> Defines superscripted text
 <table> Defines a table
 <tbody> Groups the body content in a table
 <time> Defines a date/time
 <title> Defines a title for the document
 <tr> Defines a row in a table
 <track> Defines text tracks for media elements
(<video> and <audio>)
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Tag Description
 <u> Defines text that should be stylistically
different from normal text
 <ul> Defines an unordered list
 <var> Defines a variable
 <vedio> Defines a video or movie
 <wbr> Defines a possible line-break
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Attributes provide additional information about
HTML elements.
 All HTML elements can have 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"
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
ADDRESS:
SCO -15, Dayal Bagh,
Near Hanuman Mandir
Ambala Cantt-13300, Haryana
Ph. No.: 9729666670, 8222066670 &0171-4000670
Email ID: info.jatinbatra@gmail.com
Website: www.batracomputercentre.com
Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com

HTML Training in Ambala ! BATRA COMPUTER CENTRE

  • 1.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com BATRA COMPUTER CENTRE ISO CERTIFIED 9001:2008
  • 2.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com HTML is the standard markup language for creating Web pages.  HTML stands for Hyper Text Markup Language  HTML describes the structure of Web pages using markup  HTML elements are the building blocks of HTML pages  HTML elements are represented by tags  HTML tags label pieces of content such as "heading", "paragraph", "table", and so on  Browsers do not display the HTML tags, but use them to render the content of the page
  • 3.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com
  • 4.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Below is an example of HTML used to define a basic webpage with a title and a single paragraph of text. <!doctype html> <html> <head> <title>TechTerms.com</title> </head> <body> <p>This is an example of a paragraph in HTML.</p> </body> </html>
  • 5.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com •The <!DOCTYPE html> declaration defines this document to be HTML5 •The <html> element is the root element of an HTML page •The <head> element contains meta information about the document •The <title> element specifies a title for the document •The <body> element contains the visible page content •The <h1> element defines a large heading •The <p> element defines a paragraph
  • 6.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com HTML tags are element names surrounded by angle brackets: <tagname>content goes here...</tagname>  HTML tags normally come in pairs like <p> and </p>  The first tag in a pair is the start tag, the second tag is the end tag  The end tag is written like the start tag, but with a forward slash inserted before the tag name
  • 7.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com
  • 8.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com  HTML headings are defined with the <h1> to <h6> tags.  <h1> defines the most important heading. <h6> defines the least important heading EXAMPLE:-- <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3>
  • 9.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com  HTML paragraphs are defined with the <p> tag: EXAMPLE:-- <p>This is a paragraph.</p> <p>This is another paragraph.</p> The link's destination is specified in the href attribute. Attributes are used to provide additional information about HTML elements.
  • 10.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com  HTML links are defined with the <a> tag: EXAMPLE:-- <a href="https://www.w3schools.com">This is a link</a>
  • 11.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com EXAMPLE:-- <img src="w3schools.jpg" alt="W3Schools.com" width ="104" height="142">  HTML images are defined with the <img> tag.  The source file (src), alternative text (alt), width, and height are provided as attributes:
  • 12.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <!--...--> Defines a comment  <!DOCTYPE> Defines the document type  <a> Defines a hyperlink  <abbr> Defines an abbreviation or an acronym  <acronym> Not supported in HTML5. Use <abbr> instead. Defines an acronym  <address> Defines contact information for the author/owner of a document
  • 13.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <applet> Not supported in HTML5. Use <embed> or <object> instead. Defines an embedded applet  <area> Defines an area inside an image-  <article> Defines an article  <aside> Defines content aside from the page content  <audio> Defines sound content  <b> Defines bold text
  • 14.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <base> Specifies the base URL/target for all relative URLs in a document  <basefont> Not supported in HTML5. Use CSS instead. Specifies a default color, size, and font for all text in a document  <bdi> Isolates a part of text that might be formatted in a different direction from other text outside it  <bdo> Overrides the current text direction  <big> Not supported in HTML5. Use CSS instead.
  • 15.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <blockquote> Defines a section that is quoted from another source  <body> Defines the document's body  <br> Defines a single line break  <button> Defines a clickable button  <caption> Defines a table caption.  <code> Defines a piece of computer code  <dd> Defines a description/value of a term in a description list  <del> Defines text that has been deleted from a document
  • 16.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <details> Defines additional details that the user can view or hide  <dfn> Represents the defining instance of a term  <dialog> Defines a dialog box or window  <div> Defines a section in a document  <dl> Defines a description list  <dt> Defines a term/name in a description list  <em> Defines emphasized text  <font> Defines font, color, and size for text  <footer> Defines a footer for a document or section
  • 17.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <form> Defines an HTML form for user input  <header> Defines a header for a document or section  <hr> Defines a thematic change in the content  <i> Defines a part of text in an alternate voice or mood  <ins> Defines a text that has been inserted into a document  <li> Defines a list item  <mark> Defines marked/highlighted text  <ol> Defines an ordered list  <pre> Defines preformatted text
  • 18.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <q> Defines a short quotation  <script> Defines a client-side script  <section> Defines a section in a document  <select> Defines a drop-down list  <small> Defines smaller text  <source> Defines multiple media resources for media elements (<video> and <audio>)  <span> Defines a section in a document  <strong> Defines important text  <style> Defines style information for a document
  • 19.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <sub> Defines subscripted text  <summary> Defines a visible heading for a <details> element  <sup> Defines superscripted text  <table> Defines a table  <tbody> Groups the body content in a table  <time> Defines a date/time  <title> Defines a title for the document  <tr> Defines a row in a table  <track> Defines text tracks for media elements (<video> and <audio>)
  • 20.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Tag Description  <u> Defines text that should be stylistically different from normal text  <ul> Defines an unordered list  <var> Defines a variable  <vedio> Defines a video or movie  <wbr> Defines a possible line-break
  • 21.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Attributes provide additional information about HTML elements.  All HTML elements can have 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"
  • 22.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com Version Year HTML 1991 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 2000 HTML5 2014
  • 23.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com
  • 24.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com ADDRESS: SCO -15, Dayal Bagh, Near Hanuman Mandir Ambala Cantt-13300, Haryana Ph. No.: 9729666670, 8222066670 &0171-4000670 Email ID: info.jatinbatra@gmail.com Website: www.batracomputercentre.com
  • 25.
    Website: www.batracomputercentre.comPh. No.:8222066670, 4000670 Email: info.jatinbatra@gmail.com