Web Designing and Publishing (M2-R5) Practaical Question Answer
i. Create an HTML file (e.g. first_page.html) that specifies a page that contains a heading and two paragraphs of text. As the texts in the heading and paragraphs you can use any texts you like.
Solution:
<!DOCTYPE html>
<html> <head>
<title>Practical</title>
</head>
<body>
<h2>New ideas YT</h2>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.</P>
<p>Duis aute irure dolor in reprehenderit in voluptate
velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est
laborum.</p>
</body>
</html>
ii. Write a HTML program to design a form which should allow to enter your personal data ( Hint: make use of text field, password field, e-mail, lists, radio buttons, check boxes , submit button)
Solution:<!DOCTYPE
html>
<html>
<head>
<title></title>
</head>
<body><fieldset><legend>Personal
Information</legend>
<pre>
<form>
First Name : <input
type="text"><br>
Second Name :<input
type="text"><br>
Date of Birth : <input
type="date"><br>
Sex code : <input
type="radio" name="sex" value="M"> M
<input type="radio"
name="sex" value="F"> F <br>
Qualification : <select>
<option>Highschool</option>
<option>12th</option>
<option>B.A.</option>
</select><br>
Percentage Marks : <input
type="number"><br>
Nationality :<input
type="text"><br>
Hobby: <input
type="checkbox" name="Hobby"
value="ps">playing sports
<input type="checkbox" name="Hobby"
value="rb">Reading Books
<input type="checkbox" name="Hobby"
value="o">Other<br>
Email :<input
type="Email"><br>
Password : <input
type="Password">
<input type="submit"
value="Submit">
</form></pre></fieldset>
</body>
</html>
Output :
Video Solution : Click here
iii. Write html code to generate following output.
1.Coffee
2.Tea
3.Black Tea
4.Green Tea
5.Milk
iv. Write HTML Code to demonstrate the use of Anchor Tag for the Following:-
1. Creating a web link that opens in a new window.
2. Creating a web link that opens in the same window.
3. C Reference within the same html document.
4. Reference to some image.
5. Making an image a hyperlink to display second image
v. Create an html page with following specifications Title should be about my City. Place your City name at the top of the page in large text and in blue color. Add names of landmarks in your city each in a different color, style and typeface. One of the landmark, your college name should be blinking. Add scrolling text with a message of your choice
vi. Create an html page with 7 separate lines in different colors. State color of each line in its text.
vii. Create an html page containing the polynomial expression as follows :
a0 + a1x+ a2x 2 + a3 x3
viii. Write a HTML code to generate following output
ix. Create an html page with red background with a message “warning” in large size blinking. Add scrolling text “read the message” below it.
x. Write a HTML page to print Hello world in bold & Italic Form.
xi. Solution : Design a HTML page to display a picture. The picture should be removed from the screen after a mouse click on the picture.
Solution:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script
type="text/javascript">
function
remove(newideasyt)
{
newideasyt.style.display="none";
}
</script>
<img src="L1.jpg" onclick="remove(this)"
>
</body>
</html>
0 Comments
Hey, What do you think about this post