Write the programs of the following questions according to HTML.
1 ) Create a simple Web page on the topic 'Our National Bird' . Set an image of the bird as the background.(create the Web page with suitable properties).
2 ) Create a Web page on 'School sports activities'.Set the background color as pink.
Only answer if you know both.
Spam answers will be deleted directly.
Answers
✔️✔️✔️
●▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬●
Question 1
You Need a backgroud image that You liked web Page.
• Part 1.
• Put the background image into the HTML Folder put ghe image do u like to use as the background into the HTML Folder.
• Create an HTML File.
• Part 2.
• Writing The HTML file.
✔️HTML CODE✔️
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
background-image: url(" ");
}
</style>
</head>
<body>
</body>
</html>
• 2 Add the background image ⚠️URL⚠️.
• Save the HTML file.
• ✔️Open the HTML file in a web browser. Right-click the index.html file and then open it in the web browser of your choice.
•✔️Make edits to the HTML file. In the text editor window, move the cursor between the <body> </body> tags, and then type Hello world!. Reload the browser window to see the text on top of the background image.
✔️✔️Review the CSS code.✔️✔️
body {
background-image: url("background.png");
}
____________________________
Question 2
Changing the color on just one page is possible using a couple of CSS rules.
• Go to your one page
• Click the Settings button, then go to the Advanced tab.
Enter the following into the Page Header Code Injection field:
Use Code✔️✔️✔️
<style>
body {background-color: pink;}
#canvas {background-color: pink;}
</style>
●▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬●
●▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬●
●▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬●
<html>
<head>
<title>
National Bird</title>
<style>
body{background:green;
}
img
{height:200px; width:200px; margin-top:40px;align-content: center;margin-left:60px;
}
h3
{margin-left:80px;
}
</style>
</head>
<body>
<h3 style="color:red;font-family:Times New Roman;align-text:center;">Our National Bird</h3>
<br>
<br>
<img src="https://i.ibb.co/2n60RBr/peacock-on-lawn-jpg-860x0-q70-crop-scale.jpg">
<p style="font-family: cursive; font-size:25px;color:blue;">
Peacock is our National Bird.
<strong style="color:red;">The Indian peacock</strong>, Pavo cristatus, the national bird of India, is a colourful, swan-sized bird, with a fan-shaped crest of feathers, a white patch under the eye and a long, slender neck. ... The elaborate courtship dance of the male, fanning out the tail and preening its feathers is a gorgeous sight.
</p>
</body>
</html>