Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 3, Problem 14FIB
Program Description Answer
The text-indent is a CSS property that can be used to indent the first line of a text.
Hence, the answer is “text-indent”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
<!DOCTYPE html><html lang="en"><head> <title>JavaScript Practice</title> <meta charset="utf-8"><style>input { display: block; margin-bottom: 1em; }label { float: left; width: 5em; padding-right: 1em; text-align: right; }input[type="submit"] { margin-left: 7em; } </style><script>function validateForm() {if (document.forms[0].userName.value == "" ) { alert("Name field cannot be empty."); return false;} // end ifif (document.forms[0].userAge.value < 18) { alert("Age is less than 18. You are not an adult."); return false;} // end ifalert("Name and Age are valid.");return true;} // end function validateForm</script></head><body><h1>JavaScript Form Handling</h1><form method="post" action="https://webdevbasics.net/scripts/demo.php" onsubmit="return validateForm();"><label for="userName">Name:</label><input type="text"…
CSS
<!DOCTYPE html>
<html lang="en">
<head>
<title>MASTER MIND</title>
<link rel="stylesheet" type="text/css" href="1.css" />
</head>
<script type="text/javascript">
function MakeDot(colour) {
var string = '<span class="dot" style="background-color:';
switch (colour) {
case 'red':
string += '#ff0000';
break;
case 'green':
string += '#00cc00';
break;
case 'orange':
string += '#ff9900';
break;
default:
string += '#bbb';
break;
}
string += ';"></span>';
return string;
}
</script>
<body>
<div class="nav" id="nav">
<h2>MASTER MIND</h2>
<li><a id="game" href="index.html" target="_self">mastermind 1</a></li>
</div>
<div class="content" id="content">
<h1>Number Game</h1>
<div id="info">
there are 4 need to guess ,numbers from 0 to 9.<br />
show result by colour green, orange, red. <br />
<script>…
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 3.4 - Prob. 1CPCh. 3.4 - Prob. 2CPCh. 3.4 - Prob. 3CPCh. 3.8 - Prob. 1CPCh. 3.8 - Prob. 2CPCh. 3.8 - Prob. 3CPCh. 3 - Prob. 1MCCh. 3 - Prob. 2MCCh. 3 - Prob. 3MCCh. 3 - Prob. 4MC
Ch. 3 - Prob. 5MCCh. 3 - Prob. 6MCCh. 3 - Prob. 7MCCh. 3 - Prob. 8MCCh. 3 - Prob. 9MCCh. 3 - Prob. 10MCCh. 3 - Prob. 11MCCh. 3 - Prob. 12FIBCh. 3 - Prob. 13FIBCh. 3 - Prob. 14FIBCh. 3 - Prob. 15FIBCh. 3 - Prob. 1AYKCh. 3 - Prob. 2AYKCh. 3 - Prob. 3AYKCh. 3 - Prob. 1HOECh. 3 - Prob. 2HOECh. 3 - Prob. 3HOECh. 3 - Prob. 4HOECh. 3 - Prob. 5HOECh. 3 - Prob. 6HOECh. 3 - Prob. 7HOECh. 3 - Prob. 8HOECh. 3 - Prob. 9HOECh. 3 - Prob. 1WRCh. 3 - Prob. 2WRCh. 3 - Prob. 1FWD
Knowledge Booster
Similar questions
- <!DOCTYPE html><html> <head> <title>Home Page</title><style> *{ margin: 0; padding: 0;}@media (min-width:1200px){ body{ background-color: skyblue; } main{ display: grid; grid-template-areas: "nav" "h1" "picture" "h3" "iframe" "footer"; grid-template-columns: auto; grid-template-rows: auto; } nav{ display: flex; flex-direction: row; justify-content: end; background-color: aqua; } picture{ text-align: center; } nav>a{ padding: 10px; margin: 10px; } main>h1, h3{ text-align: center; } iframe{ margin: auto; } footer{ position: fixed; left: 0; bottom: 0; width: 100%; background-color:antiquewhite; }…arrow_forwardJavaScript all design notvsame as web page remember that. Allala Write the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.arrow_forward3arrow_forward
- 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_forwardWeb Development: You are required to create a simple six-page website using HTML5 and CSS3. This project should include Javascript or a JS Library/Framework. FrameworkUse a CSS framework such as Foundation, Bootstrap, Tailwind CSS, UiKit, Bulma etc. FontsYour fonts must be one of the following sets. Baloo with Montserrat Amaranth with Open Sans Palanquin with Roboto Sansita with Open Sans Playfair Display and Fauna One Type Scale Augmented Fourth Colour Scheme options Choose one of the following options https://coolors.co/palette/ff9f1c-ffbf69-ffffff-cbf3f0-2ec4b6 https://coolors.co/palette/555b6e-89b0ae-bee3db-faf9f9-ffd6ba https://coolors.co/palette/ff6700-ebebeb-c0c0c0-3a6ea5-004e98 https://coolors.co/palette/6b9080-a4c3b2-cce3de-eaf4f4-f6fff8 Digital Asset Must include at least two (2) video assets Must include at least six (6) image assets ( at least one must be *.webp. ) No less than three javascript elements such as on demand header, show hide div etc. Site…arrow_forwardThe ____________________ CSS property can beused to center text within a block display element.arrow_forward
- Design a webpage in HTML using CSS and JavaScript to show the monthly payment and the total payment of a loan. create two Buttons to compute the monthly loan payment and total payment given the loan amount of $367000, yearly_interest_rate= 5.25% and a number of years=30. Create two separate functions in JavaScript. function monthlyPayment() function totalPayments()arrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the following html dynamic application What is the output when the button is clicked ?( describe the visual effect when the button is clicked) Modify the output from the original web page, so that the html will create and place a new red div as illustrated inside the existing grey div and then transfers the paragraph inner content at run-time ( inside the javascript function ) from the paragraph inside the grey div into the red div as illustrated. DO NOT DO this by placing the paragraph content inside the div within the static HTML page, use the document object model to access elements from the paragraph and transfer content into the div element as illustrated <! DOCTYPE html> <html> <head> <title> First Illustration</title> <link rel="stylesheet" type="text/css" href="first_ill_RRR.css"> <script src="project_6p.js"…arrow_forwardP2-Fibonacci Number Calculator (2.5 points) Create a web page where users can calculate Fibonacci numbers. · Use HTML to create an input field where users can enter a number, a button to submit, and a place to display the result. • Use JavaScript to calculate the Fibonacci number at the position entered by the user. The Fibonacci sequence starts with 0 and 1, and every number after that is the sum of the two preceding ones (0, 1, 1, 2, 3, 5, 8, 13, ...). • Display the result on the page.arrow_forward
- HTML PROJECTarrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Given the HTML, css below , and original output below for a table, modify the application so that it Produces the second output, below the first illustrated output. <html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="How to form a table and apply styling." /> <link href="table1.css" type="text/css" rel="stylesheet" /> </head> <body> <table border = "1"> <col class ="product" /> <colgroup class = "facts"> <col/> <col/> <col class = "fat" /> </colgroup> <tr> <th> Product </th> <th> Size (oz) </th> <th> Caffeine (mg) </th> <th> Fat (g)…arrow_forward<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <body> <button onclick="create()"> Click Here! </button> <script> function create() { let geeks = document.createElement('geeks'); geeks.textContent = "Geeksforgeeks"; geeks.setAttribute('class', 'note'); document.body.appendChild(geeks); } </script> </body> </html>.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningCOMPREHENSIVE MICROSOFT OFFICE 365 EXCEComputer ScienceISBN:9780357392676Author:FREUND, StevenPublisher:CENGAGE L
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L