Physics wallah web development assignment solution ppt program .
Web Development Assignment 5july 2023
Q.1 <!DOCTYPE> is it a tag of html? If not, what is it and why do we use it?
ans: <!DOCTYPE> declaration provides information to the browser about what document type to expect. It is not a tag, it is a type declaration.
Q.2 Explain Semantic tags in html? And why do we need it?
ans: Semantic tags are those tags which clearly describes their meaning to both the browser and developer.
The semantic HTML tags help search engines and other user devices to determine the importance and context of web pages.
some semantics tags are <form><table><article><header><footer> etc.
Q.3 Differentiate between HTML Tags and Elements?
"Tags" provide web browsers with instructions about the web page, such as where to display images, and how the document is structured.
Tags are always enclosed in angle brackets: < >.
Tags are comprised of elements and attributes. ...
Tags usually travel in pairs.
example: <p></p>, <h1></h1> etc.
while elements are everything between an opening tag and a closing tag.
example: <h1 id="heading">Hello Developer</>
Q.4 Build Your Resume using HTML only
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Resume</title>
</head>
<body>
<h1>Afroj Mansoori</h1>
<h4>Ward no.16 Katra,Post Rampur Baghelan, distict Satna , Madhya Pradesh.</h4>
<p>Contact:7828665455 Email: afrojkhanafroj70@gmail.com</p>
<h2>Education: </h2>
<h3>B.Tech:</h3>
<p>Indira Gandhi Engineering College, Sagar Madhya Pradesh.<br>branch: Information Technology <br> Grduation year: 2020-2024<br>
CGPA:7.5</br>
<h3>Higher Education:</h3>
<p>Gyan Ganga Higher Secondry School Rampur Baghelan, Satna Madhya Pradesh.<br>
Grduation year: 2020 <br>
percent:91.8%</br>
<h3>Skills</h3>
<p>Java with DSA</p>
<p>WEb Development with MERN </p>
<h3>Hobby:</h3>
<p>Chess <br> leadership</p>
</body>
</html>
Q5.Write HTML code so that it looks like the below image
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assignment</title>
</head>
<body>
<div>
<img src="https://images.unsplash.com/photo-1515378960530-7c0da6231fb1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8bGFwdG9wfGVufDB8fDB8fHww&auto=format&fit=crop&w=600&q=60" alt="">
</div>
<p>We will learning the following things this week</p>
<h3>Day1 Day2 Day3 Day4</h3>
<p style="font-size: large;">Linux1 HTML Linux2 Linux3 <br>GIT1 CSS Git2 Boostrap </p>
<p>If you want to contact me please fill this form</p>
<div>Name: <input type="text"></div><br>
<div>Phone No: <input type="tel"></div><br>
<div>Email Id: <input type="email"></div><br>
<h2>The following things are important to the programmer</h2>
<ul><li>A problem solving mindset</li></ul>
<ul><li>Consistency</li>
<ul style="list-style: circle;"><li>Clean code</li>
<li>Though knowledge of core concept</li>
<li>Readable code</li>
</ul>
</ul>
<ul><li>Speed</li></ul>
</body>
</html>
Q.6 What are some of the advantages of HTML5 over its previous versions?
Advantages of HTML5 vs HTML
It is mobile-friendly and easy to use.
Web pages contain a wide range of colors, shades, and different font types.
HTML5 is compatible with all web browsers.
It supports client-side databases.
HTML5 has improved performance and security, as it enables storage across numerous browsers.
Multimedia support
introduce semantic tags.
Q.7Create a simple Music player using html only
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<img src="https://pagalnew.com/coverimages/Bulleya-Sultan-500-500.jpg" alt="Bulleya " height="500" width="500" style="margin-left: 400px;"><br>
<audio src="https://pagalnew.com/download128/3977" controls style="margin-left: 500px;" ></audio>
</div>
</body>
</html>
Q.8 What is the difference betweentag and tag?
HTML <figure> Tag: The <figure> tag in HTML5 is used to add self-contained content like illustrations, diagrams, photos, or codes listing in a document. It is related to the main flow, but it can be used in any position of a document and the figure goes with the flow of the document and if remove it then it should not affect the flow of the document. In simple words, the figure tag is used to semantically organize the content of images, videos, audios or even charts or tables, block of codes in the HTML document.
Syntax:
<figure>
<img src="url">
<figcaption>content</figcaption>
</figure>
Attributes: It contains mostly two tags which are given below:
img src: This tag is used to add an image source in the document.
figcaption: This tag is used to set the caption to the image. It is optional to use.
HTML <img> Tag: HTML <img> tag is used to add image or to set the background in the webpage/website. Nowadays website does not directly add images to a web page, as the images are linked to web pages by using the <img> tag which holds space for the image.
Syntax :
<img src="url" alt="some_text">
Q9.What’s the difference between html tag and attribute and give example of some global attributes?
The main difference between tag and attribute is that a tag is a way of representing an HTML element in the program, while an attribute is a way of describing the characteristics of an HTML element.
attributes like : src, alt , href etc
Q.10write Html code so that it looks like the below image
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time Table</Table></title>
</head>
<body>
<table border="" cellpadding="14px" cellspacing="4px" style="text-align: center;">
<tr>
<td rowspan="3">Day</td>
<td colspan="5">Seminar</td>
</tr>
<tr>
<td colspan="2">scedule</td>
<td colspan="3" rowspan="2">topic</td>
</tr>
<tr>
<td>Begining</td>
<td>end</td>
</tr>
<tr>
<td rowspan="2">Monday</td>
<td rowspan="2">8:00am</td>
<td rowspan="2">5:00pm</td>
<td>Introduction to XMl</td>
</tr>
<tr>
<td>Validity Dtd & relad NG</td>
</tr>
<tr>
<td rowspan="3">Tuesday</td>
<td>8:00am</td>
<td >11:00pm</td>
<td rowspan="2">XPath</td>
</tr>
<tr>
<td>11:00am</td>
<td >2:00pm</td>
</tr>
<tr>
<td>2:00pm</td>
<td >5:00pm</td>
<td>XSL Transformation</td>
</tr>
<tr>
<td>Wednesday</td>
<td>8:00pm</td>
<td >12:00pm</td>
<td>XSL formating object</td>
</tr>
</table>
</body>
</html>
