Concept explainers
(a)
Explanation of Solution
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Style Tag-->
<style>
<!--Alignment for body tag-->
body
{
background-color: #b9936c;
}
<!--Alignment for header tag-->
h1
{
background-color: #dac292;
}
span
{
background-color: #c4b7a6;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
(b)
Explanation of Solution
- With CSS, there are different ways to add color to the HTML elements. Choosing the right colors can be a tricky one, but there are many tools available for it. The first step is to choose a base color, which defines the web site, or subject matter of the site. For example, the web site ColorZilla offers an extension that offers an eyedropper tool for picking colors from the web...
(c)
Explanation of Solution
Filename – color1.css
Program:
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Style Tag-->
<style>
<!--Alignment for body Tag-->
body
{
background-color:#b9936c ;
color: #dac292;
font-family: Arial, Helvetica, sans-serif;
}
<!--Alignment for header Tag-->
h1
{
font-family: "Times New Roman", serif;
color:#000000;
}
<!--Close Tag-->
</style>
<!--Close Tag-->
</head>
<!--Body Tag-->
<body>
<!--Heading Tag-->
<h1>Example Progarm</h1>
<!--Paragraph Tag-->
...
(d)
Explanation of Solution
Filename – color1.html
Components of CSS rule:
- CSS rule consists of two components, a selector and a declaration block.
- The “Selector” is used to point out the HTML element that you need to style.
- The declaration block usually consists of a list of declarations, which is separated by a semi-colon (;).
- Each declaration mainly consists of a property name and a value that is separated by a colon (:).
Example Program:
<!--HTML Tag-->
<html>
<!--Head Tag-->
<head>
<!--Header Tag-->
<h1 style="color:red">CSS Rule Components</h1>
<!--Style Tag-->
<style>
<!—Alignment for paragraph tag--�...
Want to see the full answer?
Check out a sample textbook solutionChapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- If you are asked to design an advertisement page for a restaurant, it contains three images (01.jpg, 02.jpg and 03.jpg) and multiple links, all of them go to the website (https://www.youtube.com/). Write html page design that you see fit for the existence of this page with the .writing of default texts for thisarrow_forwardExplain the difference between margin and padding in CSS. Write the CSS code that adds a margin of 5 px and a padding of 10 px in all sides of a paragraph tag in htmlarrow_forwardMake a page that looks something like the picture attached below! Use your own monster, text, and colors, if you like. The monster picture needs a think border. Make sure there's space: Inside the warning box, between it and the text Outside the warning box, between it and the text Around the image border Full HTML page, as usual. Use a separate stylesheet. GIVE ALL CODES. I will upload to my server. thank you i will upvote.arrow_forward
- Create a web site that will infinitely loop over at least 4 images sequentially displayed in a canvas with a controlled speed sliderUse: javascript: setInterval, clearInterval HTML : < input type="range" > , < img >, <canvas> Please label where I can change the images at as wellarrow_forwardCreate another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too). Also apply Inline CSS to all the following Tags Next, in the same Web Page, Write HTML Code to Open the HEC Web Site, NTS Web Site Define the following Terms (Web Server, Web Site, Web Page, Web Browser, Domain Name, Hosting, Five Features of Facebook)arrow_forwardHTML/CSS: How to store the AEG on the draw canvas and clear it? Make sure to use only HTML//CSS for this. Make sure to show the full code with the screensot of the output.arrow_forward
- Exercise 2Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue color. Draw a string “Hello” on the canvas at location (10,70) with the font Arial and font size 20 pixelarrow_forwardHello, can someone write the code for me for an external css sheet for this html file layout. It has to be an external css. I can do all content within the formatted layout provided but I need help with the layout itself.arrow_forwardCreate an external CSS file and attach it to the html document, you need to name the file with your first name and last initial. The only change you are allowed or need to make in the HTML file is the link to the attached CSS sheet. study the HTML file before starting note the ID and classes in the document. using only CSS to duplicate the layout of the sample image use position,grid or flex combination of layout methodsarrow_forward
- I need to code a Sierpinski Triangle that's in a canvas. This should be written in CSS, HTML, and Javascript. There should be two buttons on the bottom, one should say "delete" the other one should say "draw". If you press "draw" the triangle will be on the canvas. If you press "delete" the triangle will be gone from the canvas.arrow_forwardwrite a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peterthe direction of the linear gradient is to be from right to left and must be represented by degreesthe starting colour must be red and presented in the RGB formatthe ending colour must be blue and presented in hexadecimal formatarrow_forwardCreate a web page named color1.html that shows examples of the CSS style rules.arrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningEBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT