Scribd
Upload
114 views6 pages

Midterm - Current Trends

HTML5 is the latest standard for HTML that was designed to replace HTML 4, XHTML, and HTML DOM Level 2. It delivers rich content like animation, graphics, music and movies without plugins. Some key new features include the <canvas> element for 2D drawing, <video> and <audio> elements for media playback, and new semantic elements like <header> and <nav>. HTML5 also introduced new form controls and the ability to store data locally in the browser. Tables in HTML are defined with <table>, with rows created using <tr> and data cells defined with <td> or headings with <th>. Metadata in HTML uses the <meta> tag and provides non-displayed information about the page like descriptions

Uploaded by

Mar Sayos Dales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
114 views6 pages

Midterm - Current Trends

HTML5 is the latest standard for HTML that was designed to replace HTML 4, XHTML, and HTML DOM Level 2. It delivers rich content like animation, graphics, music and movies without plugins. Some key new features include the <canvas> element for 2D drawing, <video> and <audio> elements for media playback, and new semantic elements like <header> and <nav>. HTML5 also introduced new form controls and the ability to store data locally in the browser. Tables in HTML are defined with <table>, with rows created using <tr> and data cells defined with <td> or headings with <th>. Metadata in HTML uses the <meta> tag and provides non-displayed information about the page like descriptions

Uploaded by

Mar Sayos Dales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

What is HTML5?

HTML5 is the latest standard for HTML.


HTML5 was designed to replace both HTML 4, XHTML, and the HTML DOM Level 2.
It was specially designed to deliver rich content without the need for additional plugins. The
current version delivers everything from animation to graphics, music to movies, and can
also be used to build complicated web applications.
HTML5 is also cross-platform. It is designed to work whether you are using a PC, or a
Tablet, a Smartphone, or a Smart TV.
HTML5 - New Features
Some of the most interesting new features in HTML5 are:

The <canvas> element for 2D drawing

The <video> and <audio> elements for media playback

Support for local storage

New content-specific elements, like <article>, <footer>, <header>, <nav>,


<section>

New form controls, like calendar, date, time, email, url, search

HTML <a> name Attribute


The name attribute specifies the name of an anchor.
The name attribute is used to create a bookmark inside a document.
<a name=top>WELCOME TO HTML</a>
<a href="#top">Click here to go to the top of the page</a>

HTML Tables
Tables are defined with the <table> tag.
A table is divided into rows with the <tr> tag. (tr stands for table row)

A row is divided into data cells with the <td> tag. (td stands for table data)
A row can also be divided into headings with the <th> tag. (th stands for table heading)
The <td> elements are the data containers in the table.
The <td> elements can contain all sorts of HTML elements like text, images, lists, other
tables, etc.
The width of a table can be defined using CSS.
Table Attributes

Style You can specify table width, background color


Border You can specify border for the table.

HTML Table Tags


Tag

Description

<table>

Defines a table

<th>

Defines a header cell in a table

<tr>

Defines a row in a table

<td>

Defines a cell in a table

<caption>

Defines a table caption

<colgroup>

Specifies a group of one or more columns in a table for formatting

<col>

Specifies column properties for each column within a <colgroup>


element

<thead>

Groups the header content in a table

<tbody>

Groups the body content in a table

<tfoot>

Groups the footer content in a table

Metadata Definition and Usage


Metadata is data (information) about data.
The <meta> tag provides metadata about the HTML document. Metadata will not be
displayed on the page, but will be machine parsable.
Meta elements are typically used to specify page description, keywords, author of the
document, last modified, and other metadata.

The metadata can be used by browsers (how to display content or reload page), search
engines (keywords), or other web services.

Metadata to define keywords for search engine:

<meta name="keywords" content="HTML, metadata, meta tag, midterm lesson in


html">

Metadata to define a description of your webpage

<meta name="description" content="Sample Head Tag for HTML code">

Metadata to define the author of the page

<meta name="author" content="Mark Christopher Borja">

ATTRIBUTE

VALUE

DESCRIPTION

charset

character_set

Specifies the character encoding for the HTML


document

content

text

Gives the value associated with the http-equiv or name


attribute

name

application-name
author
description
generator
keywords

Specifies a name for the metadata

SAMPLE HTML CODE


<head>
<meta charset="UTF-8">
<meta name="description" content="Sample Head Tag for HTML code">
<meta name="keywords" content=" HTML, metadata, meta tag, midterm lesson in html
">
<meta name="author" content="Mark Christopher Borja">
</head>

HTML AUDIO

Before HTML5, there was no standard for playing audio files on a web page.

Before HTML5, audio files had to be played with a plug-in (like flash). However,
different browsers supported different plug-ins.

HTML5 defines a new element which specifies a standard way to embed an audio file
on a web page: the <audio> element.

Internet Explorer 9+, Firefox, Opera, Chrome, and Safari support the <audio>
element.

The control attribute adds audio controls, like play, pause, and volume.

You should also insert text content between the <audio> and </audio> tags for
browsers that do not support the <audio> element.

The <audio> element allows multiple <source> elements. <source> elements can
link to different audio files. The browser will use the first recognized format.

SAMPLE HTML CODE


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Audio Formats and Browser Support
Currently, there are 3 supported file formats for the <audio> element: MP3, Wav, and Ogg:

Browser

(MPEG LAYER III)

Ogg

Wav

MP3

(Windows Audio
Files)

(XIPH.ORG, Open
source audio
format)

Internet Explorer

YES

NO

NO

Chrome

YES

YES

YES

Firefox

NO
YES
Update: Firefox 21
running on Windows
7, Windows 8,
Windows Vista, and
Android now supports

YES

MP3
Safari

YES

YES

NO

Opera

NO

YES

YES

HTML5 Audio Tags


Tag

Description

<audio>

Defines sound content

<source>

Defines multiple media resources for media elements, such as


<video> and <audio>

HTML VIDEO

Before HTML5, there was no standard for showing videos/movies on web pages.
Before HTML5, videos could only be played with a plug-in (like flash). However,
different browsers supported different plug-ins.
HTML5 defines a new element which specifies a standard way to embed a video or
movie on a web page: the <video> element.

Video Formats and Browser Support


Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and
Ogg:
Browser
Internet Explorer
Chrome

Firefox

Safari
Opera

MP4
YES
NO
YES
YES
YES
Update 1: Firefox 21
on Windows and
Android now supports
YES
MP4
Update 2: Firefox 30
on Linux now supports
MP4
YES
NO
NO
YES

WebM

Ogg
NO
YES

YES

NO
YES

MP4 = MPEG 4 files with H264 video codec and AAC audio codec

WebM = WebM files with VP8 video codec and Vorbis audio codec

Ogg = Ogg files with Theora video codec and Vorbis audio codec

HTML5 Video Tags


Tag

Description

<video>

Defines a video or movie

<source>

Defines multiple media resources for media elements, such as <video>


and <audio>

<track>

Defines text tracks in media players

You might also like