Concept explainers
Explanation of Solution
(a)
<!--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>
>&#x...
Explanation of Solution
(b)
- • 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...
Explanation of Solution
(c)
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...
Explanation of Solution
(d)
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>
&...
Trending nowThis is a popular solution!
Chapter 4 Solutions
Basics of Web Design: HTML5 & CSS3 (3rd Edition)
- Title: Transformers Beast Characters Webpage Creation Objective: The objective of this activity is to develop a web page dedicated to Transformer beast characters using HTML, CSS, and Flexbox layout. The activity aims to reinforce the understanding and practical implementation of various web development concepts, including flexbox, navigation, hover effects, flex-direction, nth-child, tables, transitions, and image display. Step 1: Set Up the Project Open your preferred text editor. Create a new folder for the activity and name it "TransformersBeastCharacters." Inside the project folder, create the following files: html (main page) html (character information page) html (image gallery page) css (CSS file) Step 2: Create the Basic Structure Open the index.html file in your text editor. Set up the basic structure of an HTML document by adding the HTML, head, and body tags. Inside the head tag, add a title for the…arrow_forwardHTML/CSS: How to make a sidebar on the left that has two buttons which are the draw mode and the proof mode? Make sure to use HTML and CSS only and show the screenshots of the full code and output.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
- web development: Create a full HTML page according to the following requirements: Set the web page background color to rgb(150,150,250). Add background image to the page; you can download image. Do not repeat the background image. Set the background image position to top right. Insert the largest heading with the text "Fun Park”. Set the heading background color to white. Add opacity value 0.6 to the heading.arrow_forwardYou view a web page and watch an element expand in size and move upward as you roll over it with your mouse pointer. If this animation was created using the jQuery library, then these effects were achieved by gradually changing the values of several CSS properties for the element. Select one: True Falsearrow_forwardCreate the given items then screenshot your code and output. Upload the images to this If you are using a mobile phone, you may use this online HTML editor: https://www.w3schools.com/tryit/ A table of your class schedulearrow_forward
- Android 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_forwardUsing 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_forwardIn javascript Create and design any web page of your choosing. You must use the following methods to select elements on your webpage and dynamically change one of their style settings: getElementsByTagName() getElementsByClassName() querySelector() querySelectorAll() You must use the following functions to demonstrate creating elements dynamically. These elements must be visible in the web browser. createElement() appendChild() cloneNode() with no children cloned cloneNode() with children cloned insertBefore() You must dynamically remove a node that you added to the original html file. You must dynamically set at least three windows object properties: You must add a button that when clicked calls the window object open function and opens a link to another page such as Amazon or CNN. You must add another button that when clicked calls the window object open function using at least 5 of the options for the open function and opens a link to another page such as Amazon or CNN.…arrow_forward
- Title: Links and Images Goal: Apply image designs such as background and add perform links with images and maps. 1. Create at least 2 web page for this activity. 1st Web page contains a button called "Click Me". 2nd Web page contains any contents that showcases images, styles, some paragraphs and image maps. 2. Link the 1st Web page to the 2nd Web page.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_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_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageEBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT