Html - By Auroskkil

1.1 Introduction to HTML5
HTML5 is the next major revision of the HTML standard superseding HTML 4.01, XHTML 1.0,
and XHTML 1.1. HTML5 is a standard for structuring and presenting content on the World
Wide Web.
HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web
Hypertext Application Technology Working Group (WHATWG).
The new standard incorporates features like video playback and drag-and-drop that have
been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft
Silverlight, and Google Gears

1.1.2 HTML5 Features
HTML5 introduces a number of new elements and attributes that can help you in building modern websites.
Here is a set of some of the most prominent features introduced in HTML5.
• New Semantic Elements: These are like <header>, <footer>, and <section>.
• Forms 2.0: Improvements to HTML web forms where new attributes have been introduced for tag.
• Persistent Local Storage: To achieve without resorting to third-party plugins.
• WebSocket : A next-generation bidirectional communication technology for web applications.
• Server-Sent Events: HTML5 introduces events which flow from web server to the web browsers and they are
called Server-Sent Events (SSE).
• Canvas: This supports a two-dimensional drawing surface that you can program with JavaScript.
• Audio & Video: You can embed audio or video on your webpages without resorting to third-party plugins.
• Geolocation: Now visitors can choose to share their physical location with your web application.
• Microdata: This lets you create your own vocabularies beyond HTML5 and extend your web pages with
custom semantics.
• Drag and drop: Drag and drop the items from one location to another location on the same webpage.

Syntax For HTML-5
<html>
<head>
<title>...</title>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
</section>
</article>

Syntax For HTML-5
<aside>...</aside>
<footer>...</footer>
</body>
</html>

Assignment no:-1
<html>
<head>
<title>...</title>
</head>
<body>
<header role="banner">
<h1>HTML5 Document Structure Example</h1>
<p>This page should be tried </p>
</header>
<nav>
<ul>
<li><a href=«Link for a website">HTML </a></li>
<li><a href=link for a webaite">CSS </a></li>
<li><a href=" link for a webaite ">JavaScript </a></li>
</ul>
</nav>

Assignment no:-1
<article>
<section>
<p>Once article can have multiple sections</p>
</section>
</article>
<aside>
<p>This is aside part of the web page</p>
</aside>
<footer>
<p>Created by <a href=“Link for the website”>AuroSkills</a></p>
</footer>

The text-align Style Rule Used with the style
Attribute
<html>
<head>
<title>Bohemia</title>
</head>
<body>
<div style=”text-align:center”>
<h1>Bohemia</h1>
<h2>by Boney Gawande</h2>
</div>
<p style=”text-align:left”>
Authors and actors and artists and such<br />
Never know nothing, and never know much.<br />
Sculptors and singers and those of their kidney<br />
Tell their affairs from Seattle to Sydney.
</p>

The text-align Style Rule Used with the style
Attribute
<p style=”text-align:center”>
Playwrights and poets and such horses’ necks<br />
Start off from anywhere, end up at rex.<br />
Diarists, critics, and similar roe<br />
Never say nothing, and never say no.
</p>
<p style=”text-align:right”>
People Who Do Things exceed my endurance;<br />
God, for a man that solicits insurance!
</p>
</body>
</html>

Alignment, Cell Spacing, Borders, and Background Colors
in Tables
<html>
<head>
<title>Things to Fear</title>
</head>
<body>
<h1>Things to Fear</h1>
<table border=”2” cellpadding=”4” cellspacing=”2”
width=”100%”>
<tr style=”background-color:red;color:white”>
<th colspan=”2”>Description</th>
<th>Size</th>
<th>Weight</th>
<th>Speed</th>
</tr>

in Tables
<tr style=”vertical-align:top”>
<td><img src=”handgun.gif” alt=”.38 Special”/></td>
<td style=”font-size: 14px;font-weight:bold;
vertical-align:middle;text-align:center”>.38 Special</td>
<td>Five-inch barrel.</td>
<td>Twenty ounces.</td>
<td>Six rounds in four seconds.</td>
</tr>
<td><img src=”rhino.gif” alt=”Rhinoceros” /></td>
vertical-align:middle;text-align:center”>Rhinoceros</td>
<td>Twelve feet, horn to tail.</td>
<td>Up to two tons.</td>
<td>Thirty-five miles per hour in bursts.</td>
</tr>

in Tables
<td><img src=”axeman.gif” alt=”Broad Axe” /></td>
vertical-align:middle;text-align:center”>Broad Axe</td>
<td>Thirty-inch blade.</td>
<td>Twelve pounds.</td>
<td>Sixty miles per hour on impact.</td>
</tr>
</table>
</body>
</html>

Working together in real time
When you share your presentation with others, you’ll see them
working with you at the same time.
How it works:
1 Select Share from above the ribbon,
or by using short-key Alt-ZS, to invite
people to work with you (You can
save to the cloud at this point.)
2 When other people are in the presentation,
a marker shows who is on which slide…
3 …and the part of the slide they're
editing.

You’re an expert with Tell Me
The Tell Me box finds the right command when you need it,
so you can save time and focus on your work.
Try it:
1 Select the Robot picture on the right.
2 Type animation in the Tell Me box, and then
choose Add Animation.
3 Choose an animation effect,
like Zoom, and watch
what happens.

Explore without leaving your slides
Smart Lookup brings research directly in to PowerPoint.
Try it:
1 Right-click in the word office in the
following phrase: office furniture
2 Choose Smart Lookup, and notice that
results are contextual for that phrase, not
Microsoft Office apps.
3 Just for fun, try Smart Lookup again by
right-clicking in the word Office in Step 2.

More questions about PowerPoint?
Select the Tell Me button and type what you want to know.
Visit the PowerPoint team blog
Go to free PowerPoint training
Give feedback about this tour
SELECT THE ARROW WHEN IN SLIDE SHOW MODE

Html - By Auroskkil

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Html - By Auroskkil

Similar to Html - By Auroskkil (20)

Recently uploaded

Recently uploaded (20)

Html - By Auroskkil

Editor's Notes