2. HTML is a computer language devised to allow
website creation
Firstly mentioned on the Internet by Berners-Lee in
late 1991.
HTML stands for Hyper Text Markup Language .
• An HTML file is a text file containing small markup
tags .
• The markup tags tell the Web browser how to
display the page .
• An HTML file must have an htm or html file
extension
Example : Simple HTML Page Example Explained
The first tag in your HTML document is <html>.
3. BASIC TAG OF HTML-
<HTML> -Defines an HTML document
<HEAD> -Defines<TITLE> -Defines
<BODY> -Defines the document’s body
<b>
Tag Attributes Tags can have attributes. Attributes
provide additional information to an HTML element:-
<table>.
Quote Attribute - quotes: name='Digi Corp
"Information" Systems' .
4. <h1> to <h6> - Make a line or a particular
word as a heading.
<p> - to make the text appears as it
is written in the form of
paragraph.
<br> - Tag is used when we want to
don't want to start a new paragraph.
<hr> - Defines a horizontal rule .
<b> - Defines bold text
<big> - Defines big text
<i> - Defines italic text
<small> - Defines small text
<strong> - Defines strong text
HTML
5. <sub> - Defines subscripted text
<sup> - Defines superscripted text
<ins> - Defines inserted text
<del> - Defines deleted text
<s> -
<del> -
<strike> -
<u> -
<a> - (anchor) tag to create a link to
another document.
6. <tr> - Defines a table row.
<td> - Defines a table cell.
<Col> - Defines the attribute values for one or
more columns in a table.
<thead> - Defines a table head.
<tbody> - Defines a table body.
<tfoot> - Defines a table footer .
<colgroup> - Overrides the width set in
relative length.
Keyboard Events Not valid in base, bdo, br, frame,
frameset, head, html, iframe, meta, param, script,
style, and title elements.
7. November 24, 1995 HTML 2.0 was published .
HTML 2.0then arrived and included all the features
of HTML 1.0 plus several new features for web
page design.
Until January, 1997,HTML2.0 was the standard in
web page design.
9. New features in HTML 4.0
Separation of Structure and Presentation
Accessibility
Internationalization
Style Sheets
Client-side Scripting
Frames
Advanced Tables
10. New Elements in HTML 4.0
The following elements are new in HTML 4.0:
ABBR - Abbreviation
BDO - BiDi override
FIELDSET - Form control group
INS - Inserted text
LABEL - Form field label
LEGEND – Field set caption
11. NOSCRIPT - Alternate script content
OBJECT - Object
OPTGROUP - Option group
Q - Short quotation
SPAN - Generic inline container
Advanced Tables
The simple table model of HTML 3.2 is
expanded in HTML 4 to include row and
column groups, greater flexibility in defining a
table's rules, and accessibility improvements.
The use of row groups (THEAD, TFOOT,
TBODY) allows visual browsers to render static
header and footer rows with scrollable body
rows, thus improving the readability of large
tables.
12. Written by Joshua Johnson, On 19th October 2009.
Filed in HTML, Web Standards.
The next iteration of HTML has been met with
excitement by some, loathing by others and
confusion/fear by everyone else.
Over the next week we’ll be focusing on three major
areas:
1. New Elements
2. Semantic Changes
3. Getting it Working Today
This article will briefly introduce each of these topics to
prepare you for the in-depth articles ahead.
APIs
HTML5 includes several new APIs that are integrated
with some of the new HTML5 elements (which we’ll be
looking at later).
13. 2D drawing API which can be used with the new
canvas element.
API for playing of video and audio which can be
used with the new video and audio elements.
An API that enables offline Web applications.
An API that allows a Web application to register
itself for certain protocols or media types.
Drag & drop API in combination with a draggable
attribute.
Cross-document messaging.
New Elements in HTML5
HTML5 introduces quite a few new elements.
<article> Defines external content
<aside> Defines some content aside from the
article it is placed in
14. <audio> Defines sound, such as music or other
audio streams
<canvas> Defines graphic, such as graphs or
other images
<command> Defines a command button, like a
radio button, a checkbox, or a button
<datagrid> Defines a list of selectable data. The
datagrid is displayed as a tree-list
<datalist> Defines a list of selectable data. Use
this element together with the input element, to
make a dropdown list for the input’s value
<details> Defines details of an element, which the
user can see, and click to hide
15. <dialog> - Defines a dialog, such as a
conversation .
<nav> - Defines a section
of navigation links
<nest> - Defines a nesting point in a
data template for child elements. Used
together with the elements <datatemplate>
and <rule>
<source> - Defines media resources for
media elements, such as video and audio
<time> - Defines a time or a date, or
both
<video> - Defines video, such as a movie
clip or other video streams
16. Semantic Changes
This is the part that should fundamentally change
the way you structure your sites. These six
elements are:
1. <nav>
2. <section>
3. <article>
4. <header>
5. <footer>
6. <aside>
17. Getting HTML5 Working Today
As any good web developer knows, all the major
web browsers still differ (some are worse than
others, you know who I’m talking about) on
support for HTML4.01 and XHTML 1.0.
Though mega-developers like Google are pushing
along the acceptance of HTML5, it won’t be
supported across the board for some time.
18. Conclusion –
Introduced the new elements and APIs included in
HTML5.
We also got a taste of the semantic changes to
come and the new structure our web pages should
take in the future.
Finally, we learned that even though HTML5 isn’t
quite ready for the masses, we can still get our
grubby developer fingers on it and start
experimenting today.