HTML
What is an HTML file?
HTML stands for Hyper Text
Markup Language
An HTML file is a text file
containing small markup/HTML
tags (e.g. <b></b>)
The markup tags tell the Web
browser how to display the page
What is an HTML file?
An HTML file must have an
htm or html file extension
An HTML file can be created
using a simple text editor or
HTML editors such as
Dreamweaver and Frontpage
Example
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</html>
Example Explained
<html> </html>
>>> these are your html
document’s first and last tags
respectively. It indicates the start
and the end of your html
document.
Example Explained
<head> </head>
>>> the text between these tags is
header information, and is not
displayed in the browser window
Example Explained
<title> </title>
>>> the text between these tags is
the title of your document and is
displayed in the browser’s caption
Example Explained
<body> </body>
>>> the information between these
tags will be displayed in your
browser
Example Explained
<b> </b>
>>> the text between these tags
will be displayed in bold font
What is an HTML
element?
This is an html element:
<b>This text is bold</b>
It is made up of:
(1)HTML tags - <b></b>
(2)Element content - This text is bold
What are HTML tags?
• HTML tags are used to mark-up
HTML elements
• HTML tags are surrounded by the
two characters < and >
• The surrounding characters are
called angle brackets
• HTML tags normally come in pairs
like <b> and </b>
What are HTML tags?
• The first tag in a pair is the start
tag, the second tag is the end tag
• The text between the start and end
tags is the element content
• HTML tags are not case sensitive,
<b> means the same as <B>
Note:
If you want to prepare yourself for the
next generations of HTML, you
should start using lowercase tags.
The World Wide Web Consortium
(W3C) recommends this, and
XHTML (the next generation HTML)
will demand it.
Tag Attributes
>>> provide additional information
about HTML elements in your page
e.g.
<body bgcolor="red"></body>
Tag Attributes
<body bgcolor="red"></body>
• The bgcolor attribute allows you to
specify a background color for your page.
• Attributes always come in name/value
pairs like this: name="value", and are
always added to the start tag of an HTML
element
Basic HTML Tags
<html> defines an html document
<body> defines the document’s body
<h1>to<h6> defines headers 1 to 6
<p> defines a paragraph
<br /> inserts a single line break
<hr /> defines a horizontal rule
<!-- --> defines a comment

Html (hyper text markup language)

  • 1.
  • 2.
    What is anHTML file? HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup/HTML tags (e.g. <b></b>) The markup tags tell the Web browser how to display the page
  • 3.
    What is anHTML file? An HTML file must have an htm or html file extension An HTML file can be created using a simple text editor or HTML editors such as Dreamweaver and Frontpage
  • 4.
    Example <html> <head> <title>Title of page</title> </head> <body> Thisis my first homepage. <b>This text is bold</b> </body> </html>
  • 5.
    Example Explained <html> </html> >>>these are your html document’s first and last tags respectively. It indicates the start and the end of your html document.
  • 6.
    Example Explained <head> </head> >>>the text between these tags is header information, and is not displayed in the browser window
  • 7.
    Example Explained <title> </title> >>>the text between these tags is the title of your document and is displayed in the browser’s caption
  • 8.
    Example Explained <body> </body> >>>the information between these tags will be displayed in your browser
  • 9.
    Example Explained <b> </b> >>>the text between these tags will be displayed in bold font
  • 10.
    What is anHTML element? This is an html element: <b>This text is bold</b> It is made up of: (1)HTML tags - <b></b> (2)Element content - This text is bold
  • 11.
    What are HTMLtags? • HTML tags are used to mark-up HTML elements • HTML tags are surrounded by the two characters < and > • The surrounding characters are called angle brackets • HTML tags normally come in pairs like <b> and </b>
  • 12.
    What are HTMLtags? • The first tag in a pair is the start tag, the second tag is the end tag • The text between the start and end tags is the element content • HTML tags are not case sensitive, <b> means the same as <B>
  • 13.
    Note: If you wantto prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium (W3C) recommends this, and XHTML (the next generation HTML) will demand it.
  • 14.
    Tag Attributes >>> provideadditional information about HTML elements in your page e.g. <body bgcolor="red"></body>
  • 15.
    Tag Attributes <body bgcolor="red"></body> •The bgcolor attribute allows you to specify a background color for your page. • Attributes always come in name/value pairs like this: name="value", and are always added to the start tag of an HTML element
  • 16.
    Basic HTML Tags <html>defines an html document <body> defines the document’s body <h1>to<h6> defines headers 1 to 6 <p> defines a paragraph <br /> inserts a single line break <hr /> defines a horizontal rule <!-- --> defines a comment