HTML5 Semantics Elements Fresco Play Hands-On Solutions

Please follow the below steps before Run Tests to run your code successfully otherwise you will face some server issues even Hands-On code is correct.

Step 1: Run->Install

Step 2: Run->Run

Step 3: Run Tests

1.Html5-header(15 Min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

<title>Destiny</title>

</head>

<body>

<header>

<a><h1>WELCOME TO MY PAGE<h1></a>

</header>

</body>

</html>

2.HTML5 Navigation(20 Min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<nav>

<a>HOME</a> |

<a>Blog</a> |

<a>Videos</a> |

<a>About Me</a>

</nav>

</body>

</html>

3.Html5-footer(15 Min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

<title>Destiny</title>

</head>

<body>

<footer>

<p>Copyright @ Tech Search</p>

</footer>

</body>

</html>

4.HTML 5 Registration(25 Min)

File Name: index.html

<!DOCTYPE html>

<html>

<head>

<title>Destiny</title>

</head>

<body>

//write your code here

<h1>Registration Form</h1>

<form>

Name: <input type="text">

Date of Birth: <input type="date">

country: <input list="country">

<datalist id="country">

<option value="India">

<option value="United States">

<option value="United Kingdom">

<option value="Australia">

<option value="France">

</datalist>

Phone number: <input type="tel">

Email: <input type="email">

website: <input type="url">

</form>

</body>

</html>

5.Html5-Audio(20 Min) | html5-music player

File Name: index.html

<!DOCTYPE html>

<html>

<head>

<title>Destiny</title>

</head>

<body>

// write your code

<audio controls>

<source src="SampleAudio.mp3" type="audio/mpeg">

</audio>

<audio controls preload="none">

<source src="SampleAudio.mp3" type="audio/mpeg">

</audio>

<audio controls loop>

<source src="SampleAudio.mp3" type="audio/mpeg">

</audio>

</body>

</html>

tech search

HTML5 Semantics Elements Fresco Play Hands-On Solutions