by

1) What is HTML?

HTML stands for Hyper Text Markup Language. It is used for creating web pages and web applications. HTML documents are made up of two things: the content and the tags.

2) What are the features of HTML5?

The features of HTML are:

HTML is simple to use and easy to understood

HTML is Platform independent (works on any platform) language

It is a markup language

It has a lot of formatting tags

Make Web pages more attractive

3) Who is the father of HTML?

Tim Berners-Lee is known as the father of HTML.

4) Do all HTML tags come in pair?

NO, for example: <img> tag and <br> tag.

5) What is difference between HTML and XHTML?

The differences between HTML and XHTML are:

HTML XHTML HTML stands for Hyper Text Markup Language. XHTML stands for Extensible Hyper Text Markup Language. HTML is used to create Static Web Pages. XHTML is used to create Dynamic Web Pages. HTML is about displaying the information. XHTML is about describing the information. HTML DOCTYPE is not mandatory. XHTML DOCTYPE is mandatory.

6) How to create a button which acts like a link?

There are two ways to create button which acts like a hyperlink are:

<form action=https://www.javatoint.com > <input type="submit" value="Text On Button"> </form> 0 1 2 3 4 5 6 < form action = https : //www.javatoint.com > < input type = "submit" value = "Text On Button" > < / form >

7) What are the new attributes provided in HTML5 for <form>?

The attributes provided in HTML5 are:

nonvalidate. autocomplete.

8) What are the new attributes provided in HTML5 for <input>?

Following are the new attributes provided in HTML5 for <input>:

Autofocus Form Formaction Formmethod Formenctype Formnovalidate Formtarget Height and Width List Min and Max Multiple Pattern Placeholder Required Step

9) How do you insert a comment in html?

Comment Syntax in HTML5 is :<!– TYPE COMMENT HERE –! >

For example:

<!-- JAVATPOINT --!> 0 1 2 < ! -- JAVATPOINT -- ! >

OR

<!- My NAME IS XYZ --! > 0 1 2 < ! - My NAME IS XYZ -- ! >

10) Write a HTML table tag sequence that output the following:

101 rupees 100 bugs 500 dollar

108 rupees 500 bugs 900 dollar

<table> <tr> <td>101 rupees</td> <td>100 bugs</td> <td>500 dollar</td> </tr> <tr> <td>109 rupees</td> <td>500 bugs</td> <td>900 dollar</td> </tr> </table> 0 1 2 3 4 5 6 7 8 9 10 11 12 < table > < tr > < td > 101 rupees < / td > < td > 100 bugs < / td > < td > 500 dollar < / td > < / tr > < tr > < td > 109 rupees < / td > < td > 500 bugs < / td > < td > 900 dollar < / td > < / tr > < / table >

11) Which browsers support HTML 5?

Almost all browsers support HTML5:

Chrome.

Firefox.

Opera.

Internet Explorer.

Safari.

12) What is datalist in HTML 5?

Datalist elements provide you the autocomplete feature.

Below is the Html code for datalist:

<html> <head><title>DATALIST</title></head> <body> <h1>Datalist</h1> <input list="Country"> <datalist id="Country"> <option value="India"> <option value="Argentina"> <option value="Belgium"> <option value="Angola"> <option value="Armenia"> </datalist> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 < html > < head > < title > DATALIST < / title > < / head > < body > < h1 > Datalist < / h1 > < input list = "Country" > < datalist id = "Country" > < option value = "India" > < option value = "Argentina" > < option value = "Belgium" > < option value = "Angola" > < option value = "Armenia" > < / datalist > < / body > < / html >

13) What are the New Media Elements in HTML5?

New Media Elements are:

<audio> : For audio content. <video> : For video content. <source>: For media resources. <embed> : For embedded content. <track> : For text track content.

14) What are the new APIs provided by the HTML 5 Standard?

The HTML 5 standard comes with a number of new APIs.

A few of them are as follows:

Media API Text Track API Application Cache API User Interaction Data Transfer API Command API Constraint Validation API History API

15) What are the extension supported by HTML?

HTML supports both .htm and .html extension.

16) Name three ways to define a color in html?

There are three ways to define a color in html:

By using named values. By using Hexadecimal values. By using RGB colors.

Example:-

<!DOCTYPE html> <html> <head> <title>COLOR</title> <style> h1{background-color:lightblue;} h2{background-color:#404040 } h3{background-color:rgb(204,204,0)} </style> </head> <body> <h1>javaTpoint(By NAMED VALUES)</h1> <h2>javaTpoint(By HEXADECIMAL VALUES)<h2> <h3>javaTpoint(By RGB COLORS)<h3> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 < ! DOCTYPE html > < html > < head > < title > COLOR < / title > <style> h1 { background-color : lightblue ; } h2 { background-color : #404040 } h3 { background-color : rgb ( 204,204,0 ) } </style> < / head > < body > < h1 > javaTpoint ( By NAMED VALUES ) < / h1 > < h2 > javaTpoint ( By HEXADECIMAL VALUES ) < h2 > < h3 > javaTpoint ( By RGB COLORS ) < h3 > < / body > < / html >

17) HTML5 <input> Types ?

Following are the input types in HTML5:

search time color email date datetime datetime-local tel range url week number

18) How to add audio and video in HTML5?

AUDIO AND VIDEO controls with autoplay feature:

<!DOCTYPE html> <html> <head> <title>HEARBEAT</title></head> <body> <h1>FOR AUDIO</h1> <audio controls autoplay loop> <source src="HEARBEAT.mp3" type="audio/mp3"/> </audio> <h1>FOR VIDDEO</h1> <video controls autoplay loop> <source src="TP.mp4" type="video/mp4"/> </video> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 < ! DOCTYPE html > < html > < head > < title > HEARBEAT < / title > < / head > < body > < h1 > FOR AUDIO < / h1 > < audio controls autoplay loop > < source src = "HEARBEAT.mp3" type = "audio/mp3" / > < / audio > < h1 > FOR VIDDEO < / h1 > < video controls autoplay loop > < source src = "TP.mp4" type = "video/mp4" / > < / video > < / body > < / html >

19) What does a <hgroup> tag do?

The <hgroup> tag is used to group heading elements.

The <hgroup> element is used to group a set of <h1> to <h6> elements.

Example

<hgroup> <h1>JAVATPOINT</h1> <h2>SSS IT PVT LTD</h2> </hgroup> 0 1 2 3 4 5 6 7 8 < hgroup > < h1 > JAVATPOINT < / h1 > < h2 > SSS IT PVT LTD < / h2 > < / hgroup >

20) What are the common lists available in HTML?

The common lists available in HTML are:

Menu list

Ordered list

Unordered list

Directory list

Definition list

21) What is Image Map?

Image Map: By using a single image, you can link too many different Web pages.

22) How will you align a table to the Right, Left and Center?

To align a table to the Right: use <table align=”right”>

To align a table to the Left: use <table align=”left”>

To align a table to the Center: use <table align=”center”>

23) How can I hide my page source?

No, you cannot hide page source because it is required by browser to display the content.

24) Can you create a multi colored text on a web page?

Yes, you can create a multi colored text on a web page.

For example:

<font color ="color">Tutorial and Example</font> 0 1 2 < font color = "color" > Tutorial and Example < / font >

25) What are empty elements?

The HTML elements with no content are known as empty elements.

For example: <br> tag and <hr> tag etc

26) What is span tag?

span tag is used to:

Add color on text

Highlight any text

Add background on text

Example:

<!DOCTYPE html> <html> <head> <title>Uses of SPAN</title> </head> <body> <p><b> Tutorial <span style="color:blue;"> and </span> Example</b></p> <p><b>Tutorial <span style=" background-color:red"> and </span> Example</b></p> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 < ! DOCTYPE html > < html > < head > < title > Uses of SPAN < / title > < / head > < body > < p > < b > Tutorial < span style = "color:blue;" > and < / span > Example < / b > < / p > < p > < b > Tutorial < span style = " background-color:red" > and < / span > Example < / b > < / p > < / body > < / html >

27) Which tag is used to separate section of texts in HTML?

Usually <br> tag is used.

Some other tags:

<p> tag

<blockquote> tag

These tags are also used to separate section of texts.

28) How to add an image as background image of a web page?

Example:

<!DOCTYPE html> <html> <head> <title>Background Image</title> </head> <body background ="image.jpeg"> <h1>Background Image</h1> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < ! DOCTYPE html > < html > < head > < title > Background Image < / title > < / head > < body background = "image.jpeg" > < h1 > Background Image < / h1 > < / body > < / html >

29) What are the ways to include the CSS with HTML?

The ways to include the CSS with HTML are:

Inline CSS

Internal Style Sheet

External Style Sheet

30) What is <dl> tag?

<dl> tag defines the description list.

The <dl> tag is used with <dt> and <dd> tags.

Here <dt> tag defines the data term and <dd> tag defines the data definition.

31) What is Cell Padding?

Cell Padding: It is the space or gap between the cell content and cell border.

32) What is Cell Spacing?

Cell Spacing: It is the gap or space between two cells of same tables.

33) Does HTML support JavaScript?

Yes.

34) In which sections you can add JavaScript in HTML?

There are four sections in which you can add JavaScript in HTML are:

In Head Section

Section In Body Section

Section In any External File

Head and Body both

35) What is Marquee in HTML?

Marquee is a tag in HTML that is used to scroll an image or text in the web page either horizontally or vertically.

Example:

<!DOCTYPE html> <html> <head> <title>Example of Marquee</title> </head> <body> <marquee>Tutorial and Example</marquee> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 < ! DOCTYPE html > < html > < head > < title > Example of Marquee < / title > < / head > < body > < marquee > Tutorial and Example < / marquee > < / body > < / html >

36) What are the attributes of marquee available in HTML?

The attributes of marquee are:

behavior

direction

width

height

hspace

vspace

scrolldelay

scrollamount

loop

bgcolor

37) What is canvas in HTML?

Canvas is a tag in HTML that is used to draw graphics on web page. The canvas element allows us to build 2D shapes and bitmap images. Here, you must need a scripting language to use canvas in HTML.

38) How to create a basic empty HTML canvas?

Example of basic empty canvas:

<!DOCTYPE html> <html> <head> <title>Example of Marquee</title> </head> <body> <canvas id="myCanvas" width="400" height="200" style="border:3px solid;"> Browser does not support the HTML5 canvas tag. </canvas> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 < ! DOCTYPE html > < html > < head > < title > Example of Marquee < / title > < / head > < body > < canvas id = "myCanvas" width = "400" height = "200" style = "border:3px solid;" > Browser does not support the HTML5 canvas tag . < / canvas > < / body > < / html >

39) How to create a progress bar in HTML?

Example of progress bar with value and max attributes:

<!DOCTYPE html> <html> <body> Downloading content: <progress value="50" max="100"></progress> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < ! DOCTYPE html > < html > < body > Downloading content : < progress value = "50" max = "100" > < / progress > < / body > < / html >

40) What are the types of Frames tags used in HTML?

The types of Frames tags used in HTML are:

<frame>?</frame>

<iframe>…</iframe>

<frameset>…</frameset>

<noframes>…</noframes>

41) How would you automatically transfer your visitors to a new web page?

You can automatically transfer your visitors to a new page by using meta tag.

Example:

<!DOCTYPE html> <html> <head> <META HTTP-EQUIV="Refresh" CONTENT="2;URL=https://www.tutorialandexample.com/"> </head> <body> <h1>Old Page</h1> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 < ! DOCTYPE html > < html > < head > < META HTTP - EQUIV = "Refresh" CONTENT = "2;URL=https://www.tutorialandexample.com/" > < / head > < body > < h1 > Old Page < / h1 > < / body > < / html >

42) Can a single hyperlink points to two different web pages?

NO.

43) What are the types of video formats supported by HTML5?

There are three types of video formats supported by HTML5 are:

mp4

ogg

webM

44) How to use copyright symbol on a browser page?

There are two ways to use the copyright symbol on a browser are:

By using © in an HTML file

in an HTML file By using © in an HTML file

Example:

<!DOCTYPE html> <html> <body> <p>Â© Copyright</p> <p>Â© Copyright</p> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 < ! DOCTYPE html > < html > < body > < p > Â© Copyright < / p > < p > Â© Copyright < / p > < / body > < / html >

45) What is SVG?

SVG stands for Scalable Vector Graphics. This modularized language is used to describe graphics in XML.

SVG (Scalable Vector Graphics) is mostly used for vector diagrams like:

pie charts

2D graphs etc

46) How to draw a circle using SVG tag in HTML?

Example:

<!DOCTYPE html> <html> <body> <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="yellow" stroke-width="4" fill="black" /> </svg> </body> </html> 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 < ! DOCTYPE html > < html > < body > < svg width = "100" height = "100" > < circle cx = "50" cy = "50" r = "40" stroke = "yellow" stroke - width = "4" fill = "black" / > < / svg > < / body > < / html >

47) What is figure tag in HTML?

<figure> tag is used to add an image on the web page with caption.

<figure> tag is the new tag introduced in HTML5.

48) Are HTML tags case sensitive?

NO, HTML tags are not case sensitive.

49) What is the use of getCurrentPosition() method of geolocation object in HTML5?

getCurrentPosition() method: This method is used to retrieves the current geographic location of the user.

50) What is use of watchPosition() method of geolocation object in HTML5?

watchPosition() method: It is used to retrieves periodic updates about the current geographic location of the device.

by