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 (9th Edition) (What's New in Computer Science)
- Create a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardCreate a webpage to showcase your favorite travel destinations. Follow the instructions below to build the webpage using HTML and CSS. Requirements: Use an external CSS file for styling. Include a navigation bar (nav) at the top of the page with links to different sections of the webpage. Create a header with a suitable title for your webpage. Design a footer that includes contact information (email, phone number, etc.). Implement a two-column layout for the main content. Use an ordered list to list your top four favorite places to travel. Create at least 4 html files talking about different places Look and feel should be consistent across all pages Use an unordered list to list some contact details (email, phone, etc.) in the footer. Apply a background color to the webpage. Customize the text color, font size, and text decoration as per your preference. Add a background image that repeats horizontally across the webpage. Set a maximum width and minimum width for the webpage.…arrow_forwardUsing HTML and CSS programming languages, create your personal web page which is composed by two pages (Curriculum Vitae and Cover letter) with the following content: The curriculum vitae: - The web page title is your name-cv (example: Abcd-CV) - The web page (body) color code is #A9F5F2 - Heads - Paragraph (the style of the text is justifying) - Two different colors of the text - Image (choose image from the web) - Ordered list - Unordered list -Hyperlink that connect you to the second page (cover letter) The cover letter: - The web page title is your name-cover letter (example: Abcd-cover letter) - Head - Paragraph (the style of the text is justifying) - Two different colors of the text - The web page (body) color code is #F5F6CE - Hyperlink that connect you to the wikipedia page of your native cityRequired to answer. Multi Line Text. please use any data or color, no problemarrow_forward
- HTML PROJECTarrow_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_forwardAndroid Studio Java Create a detailed plan to implement the app and submit this file The plan should include at least App Feature Description (graph if needed) Tech Difficulty Solution to Each Difficulty in Detail (tutorial/image if needed) Version of Approach 2. Layout of a simplified version Create an android app and do layout only Climacons.ttf for weather condition icons Fixed weather values, no function As close as possible Ignore the page indicators (4 dots) at the bottom Layout should look properly on different screens Submit .xml file and screenshotarrow_forward
- Using HTML, CSS, and JavaScript create a small site that will display a list of 5 small images that can be dragged and dropped into a larger box to display the image larger on the site. The list of images should not disappear after being dropped. In dropbox, the image being dropped should replace the previous image dropped to the box.arrow_forwardCreate it in HTML webpagearrow_forwardIn CSS, Find a font to use on the web. In a short paragraph, explain how you would import this font into your project and use it. Include the link to the font.arrow_forward
- Redesign your personal web page to include at least two pieces of information on your topic, with "good" color choices and "good" text choices. Use Javascript (as appropriate and if desired) and expand the CSS file to cover all text and color choices. Technology allowed: HTML5, CSS3, personally-written Javascript Here is the html and css code I have so far. Please help me to add some javascript to my webpage and the two specifications mentioned before. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Make-UpWorld</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Makeup World</h1> <h3>Get the makeup that works the best for you</h3> <section> <h2><table> <div><caption><h3>Select below to start your journey!</h3></caption></div> <tr>…arrow_forwardthis is what I have so far please help and please use my code don't just post some random other persons code in and say it's mine becase that does not help me I need an answer similar to what in the link below https://www.bartleby.com/questions-and-answers/css-requirements-separate-your-style-sheets-into-three-stylescolors.css-stylesformatting.css-stylest/6de4db39-d0f3-428c-ba78-9ee24b6cfce4 MY html below MY CODE <!DOCTYPE html><html> <head> <title>Contact me</title> </head> <body> <!--Added main tag--> <main> <!--Added nav tag--> <nav> <a href="index.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>Contact ME</h1> <span>photo of me Joe Mc</span> <br> <picture> <source…arrow_forwardwrite a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peter the direction of the linear gradient is to be from right to left and must be represented by degrees the starting colour must be red and presented in the RGB format the ending colour must be blue and presented in hexadecimal formatarrow_forward
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education