Explanation of Solution
Program:
<!DOCTYPE html >
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tag-->
<title>Fill in the Missing</title>
<meta charset="utf-8">
<!--Style Tag-->
<style>
<!--Alignment for Body Tag-->
body { background-color: #d5edb3;
color: #000066;
font-family: Verdana, Arial, sans-serif;
}
<!--Alignment for navigation Tag-->
nav { float: left;
width: 120px; }
<!--Alignment for main Tag-->
main { margin-left: 130px;
background-color: #ffffff;
color: #000000;
padding: 20px; }
</style>
</head>
<!--Body Tag-->
<body>
<header role="banner">
<h1>Trillium Media Design</h1>
</header>
<nav role=”navigation”
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products...
Want to see the full answer?
Check out a sample textbook solutionChapter 7 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
- Dream Car Web Page Form: You need to create a web site in HTML format. You will create a webpage containing a form that provides users the ability to enter information. Your webpage should contain the following:INPUT tag: type, name, id, placeholder, and value. The web page will have input fields for the following information: First Name Last Name Date Address Favorite Car (text area) Your webpage should be designed in a logical manner and be well organized. Please be sure to submit your .html file as a text document for grading. Also, submit a Word document containing a screenshot that shows the set-up of your webpage.arrow_forwardWhen a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML? A) btn-group B) #btn-group C) .btn-group D) :btn-grouparrow_forward<!DOCTYPE html><html lang="en"> below is box-styles.css <style> @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap'); body { font-size: 62.5%; margin: 0;} h1 {font-size:4em;text-align: center;font-family: 'Rubik Mono One', sans-serif;} h3 {font-size: 2em;} p {font-size: 1.5em;} h3, p { margin:0; } .title-padding { padding: 5% 10%; } .body-padding { padding-left: inherit; padding-right: inherit; padding-top: 7%; } .light-shadow { box-shadow: transparent; } .max-width { max-width: 50em;} /* .full-width { } */ .center-element { margin-top:8em; margin-left:inherit; margin-right: inherit; text-align: center; } .round-borders { border:1px solid black; border-radius: 0.25em; font-size: 2em; } .bb { box-sizing: content-box; width:100%; padding: inherit; margin: inherit; } .cb { box-sizing: content-box; } </style>above is the box-styles.css <head> <meta…arrow_forward
- HTML: Write a jQuery code to format a phone number as the following example below when you enter them to an online input field. You need also to add a paragraph about the purpose of this code. (xxx) xxx-xxxxarrow_forwardWhat is displayed when the following style is applied to the HTML below? A) Choice A B) Choice B C) Choice C D) Choice Darrow_forwardIn javascript I need help creating a web page that has the following elements: 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…arrow_forward
- Create a web page using html Display the design specified here: (Enter the integer entered by the user in the Grade field)arrow_forwardDesign HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.arrow_forwardJavascriptarrow_forward
- Q2 Design a web page (name it q2.html), which uses Bootstrap framework, to display the following sentence: Web Development for Mobile Devices. The sentence should appear as heading1 (i.e., hl) with font size 60 points and red border of 8px thickness if the page to be displayed on PC screen. If the page is displayed on a tablet screen, the sentence should appear as heading 3 with font size 30 points and blue border of 5px thickness. Finally, if the page displayed on mobile screens, then the sentence must not be displayed, and replaced with the sentence (Too small screen!) in "red" text color: Q3 Analysis, and Comments. The tab-page of Result tab must include three cards of three different must appear horizontally in one line for small and larger screens, and vertically for mobile screens. items (of your own selection). The card includes Title, Picture, and Price (in JD) of that item. The cards The tab-page of Analysis tab includes a table of three columns (with titles of your own…arrow_forwardHands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…arrow_forward3- According to HTML code, which color will be the background color of the paragraph that has text "Second Line" in it. (hint: red+green = yellow, red+blue=purple, red+yellow:orange, green+blue: cyan, blue+red:magenta ) 0pacity Example .red {background-color: red;} .f-bg {background-color: rgb (255,255,0); } .f-bg2 {background-color: rgba(255,255, 0,.5);} .f-bg3 {background-color: rgb(255,255,0); opacity: .4;} First Line Second line Third linearrow_forward
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning