Batra Computer Centre HTML Guide

Website: www.batracomputercentre.comPh. No.: 8222066670, 4000670
Email: info.jatinbatra@gmail.com
BATRA COMPUTER CENTRE
ISO CERTIFIED 9001:2008

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

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>

•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

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

 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>

 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.

 HTML links are defined with the <a> tag:
EXAMPLE:--
<a href="https://www.w3schools.com">This is a
link</a>

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:

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

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

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.

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

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

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

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

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>)

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

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"

Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

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

Batra Computer Centre HTML Guide

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (20)

Similar to Batra Computer Centre HTML Guide

Similar to Batra Computer Centre HTML Guide (20)

More from jatin batra

More from jatin batra (20)

Recently uploaded

Recently uploaded (20)

Batra Computer Centre HTML Guide