Lists in HTML5
Ordered list or numbered list
The <ol> tag defines an ordered list.
An ordered list can be numerical or alphabetical.
Attributes of <ol> tag
Attribute VALUES Description
Type 1/a/A/I/i 1 is default value and other values
specify the numbering type for the used
items.
Reversed Reversed This attribute specifies that the items of
the list are specified in the reverse order.
Start Number Specifies the starting number of the first
item in an ordered list.
Unordered list or bulleted list
An unordered list created using the <ul> tag, and each list item starts with the
<li> tag.
The list items in unordered lists are marked with bullets (small black circles), by
default.
Attributes of <ul> tag
Attribute Values
Type = disc/ circle/square e.g
<ul style="list-style-type:disc;">
<ul style="list-style-type:circle">
<ul style="list-style-type:square">
Definition list
To define a definition list <dl> tag is used.
You can create items in definition list with the <dt> and <dd> tags.
The <dt> tag is used to define the term whereas the <dd>tag is used to
define the term’s definition.
Nested list
List within another list either order list or unordered list is called nested list.
Inserting audio in HTML 5
mp3: An audio format from MPEG(Moving / Motion Pictures Experts
Group).
aac: Advanced Audio Coding, standard format on IPhone, YouTube etc.
ogg : An Open container and free audio format.
<Audio >TAG
The <audio> element enables you to embed (or add) audio files on
Webpages.
Declare the audio tag, and specify the source attribute with the Audio file
location.
Syntax :
<audio src="sample.mp3" type="audio/ mpeg" controls>
</audio>
Attributes of <AUDIO> TAG
Attribute Description
Autoplay The audio will start playing as soon as it is ready
Controls The audio controls should be displayed (i.e. play/pause button etc.)
loop The audio will start over again, every time it is finished
muted This Specifies that the audio output should be muted
src Specifies the URL of the audio file
Adding AUDIO with multiple sources:
Multiple sources of audios are specified so that if the browser is unable to
play the first source, then it will automatically jump to the second source.
<source> TAG
The <source> tag is used to specify multiple media resources for media
elements.
Inserting video in HTML 5
<video>TAG
The HTML <video> tag is used to embed video into your web page, it has
several video sources.
There are three different formats that are commonly supported by web browsers
– .mp4, .Ogg and .WebM.
SYNTAX :
<video src="URL" controls></video>
Attributes of <video> tag:
Attribute Description
Src Defines link to video file
autoplay Specifies that the video will start playing as soon as it is
ready
controls Specifies that video controls should be displayed (such
as a play/pause button etc).
height Sets the height of the video player
loop Specifies that the video will start over again, every time
it is finished
muted Specifies that the audio output of the video should be
muted
poster Specifies an image to be shown while the video is
downloading, or until the user hits the play button
preload Specifies if and how the author thinks the video should
be
loaded when the webpage loads
1. auto
2. metadata
[Link]
Height Sets the height of the video player
width Sets the width of the video player
Inline Frame in HTML5
1 The <iframe> element creates an inline frame.
2 Inline frames are often used in online advertising, where the content of
the <iframe> is an advertisement from an external party.
Attributes of <iframe>:
1. Src: Specifies the address of the document to embed in the
<iframe>
2. Height: Specifies the height of an <iframe>
3. Width: Specifies the width of an <iframe>
4. Name: Specifies name of an <iframe>
5. Srcdoc: Specifies the HTML content of the page to show in the <iframe>
Example:
<!DOCTYPE html>
<html>
<body>
<h2>HTML Iframes</h2>
<p>This is the example of iframes.</p>
<iframe src="[Link]" height="200" width="300"></iframe>
</body>
</html>
Web hosting
Web hosting is the service of providing storage space. The website is made
available on the Internet with the help of web hosting.
Web Host
The companies that provide web hosting services are called web hosts.
Web hosts own and manage web servers.
These web servers offer uninterrupted Internet connectivity.
Types of Web hosting :
Shared hosting: It is cost effective. It gives domain name to your website.
Free hosting: There are some hosting websites which provide you free hosting
of the website for limited period of time.
Dedicated hosting: These are paid hosting servers for large websites.
<meta> tag
1. The meta tag is a tag in html that describes some aspects of contents of a
webpage.
2. The HTML <meta> tag is used by search engines to search information
that is provided with the webpage.
3. This is empty tag (singular tag) which carries information within its
attributes.
4. The <meta> tag is placed between the <head>and </head> tags.
5. Metadata will not be displayed on the webpage.
Attribute of <meta> tag
1. Name:
The value of the name attribute can be related to any of the following-
i) Author
ii) Description
iii) Keywords
iv) copyright
e.g. <meta name = "author" >
2. Content:
It can have any textual matter related to the name as in eg.
i. <meta name = "author" content= "Balbharti">
ii. <meta name = "description" content = "Advance web de signing">
iii. <meta name = "keywords" content = "html5, learn html5, list in html
5">
3. Charset:
Specifies the character encoding used by the document, this is called a
character encoding declaration.
UTF-8 For Indian characters Big5 – for Chinese characters
4. http-equiv:
Refresh, set-cookie, content-type, expires,
<meta http- equiv="refresh"content="5"> - Here the page will get refresh after
every 5 seconds.
<meta http-equiv="set-cookies"> - The browser sends the cookies back
to the server.
<meta http-equiv="content- type" content="text/ html" charset="Big5"> -
Specifies the character encoding for the document
<meta http-equiv="expires" expires=Wednesday, 8-feb-2018 23:59:59
GMT;"> - Here page session will get expire at specified date and time.