Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134323534
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Expert Solution & Answer
Chapter 11, Problem 3AYK
Explanation of Solution
Given code:
The given code is used to display the video “sparky.webm” on “Safari” web browser as follows.
<!DOCTYPE html>
<!--HTML Tag-->
<html lang="en">
<!--Head Tag-->
<head>
<!--Title Tags-->
<title>Find the Error</title>
<!--Meta Tag-->
<meta charset="utf-8">
<!--Close Tag-->
</head>
<!--Body Tag-->s
<body>
<!--Video Tag-->
<video controls="controls" width="160" height="150">
<!--Source Tag-->
<source src="sparky.webm" type="video/webm">
<!--Paragraph Tags-->
<p>You are missing a great video...
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
Explain in plain English the following two regex:
egrep ‘(\b\w+\b) \1’ example_2.txt
egrep ‘(\b\w+\b) (\b\w+\b) \1 \2 example_2.txt
The explanation should include what each symbol or letter in the regex represents
Use man pages.
If referencing and external source such as a web page, make sure you post the URL in your answer.
Constructing a csv table A segment below shows a single video clip of index.html. Write a bash script in sir lives to construct a csy table that lists all clips of index.html with five columns: user, views, clip duration, upload time, clip title. Use the following commands only: grep, pipe, while, read, expr, echo, and paste. please Do not use any other commands. Follow the format below to write a bash script in six lines:
1 line for extracting user and saving to user.txt
1 line for extracting views and saving to views.tst
I linc for extracting clip duration saving to duration.txt
1 line for extracting upload time saving to upload-time.ist
1 line for extracting clip title saving to titles.txt
1 line for pasting five txt files to build a cs table called tbl.csv
please do Upload a shell script file.
sample clip of index.html
..
s/diva«div class-"yt-lockup-content"> «h3 class-"yt-lockup-title "> <a href-"/ watch?v=04GH2czFGvw" class=" yt-ui-ellipsis yt-ui-ellipsis-2…
Do a search in Google (or your favorite search engine) and find at least 5 other vendors that support IKEv2. (this took me 30 seconds, but it wasn't the first link so keep digging if you don't find it right away.
Chapter 11 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 11.3 - Prob. 1CPCh. 11.3 - Prob. 2CPCh. 11.3 - Prob. 3CPCh. 11.7 - Prob. 1CPCh. 11.7 - Prob. 2CPCh. 11.7 - Prob. 3CPCh. 11.11 - Prob. 1CPCh. 11.11 - Prob. 2CPCh. 11.11 - Prob. 3CPCh. 11 - Prob. 1MC
Ch. 11 - Prob. 2MCCh. 11 - Prob. 3MCCh. 11 - Prob. 4MCCh. 11 - Prob. 5MCCh. 11 - Prob. 6MCCh. 11 - Prob. 7MCCh. 11 - Prob. 8MCCh. 11 - A file that contains a Flash animation uses the...Ch. 11 - Prob. 10MCCh. 11 - Prob. 11FIBCh. 11 - Prob. 12FIBCh. 11 - Prob. 13FIBCh. 11 - When displaying a Java applet, the browser invokes...Ch. 11 - Prob. 15FIBCh. 11 - Prob. 16SACh. 11 - Prob. 17SACh. 11 - Prob. 1AYKCh. 11 - Prob. 2AYKCh. 11 - Prob. 3AYKCh. 11 - Prob. 1HOECh. 11 - Prob. 2HOECh. 11 - Prob. 3HOECh. 11 - Prob. 4HOECh. 11 - Prob. 5HOECh. 11 - Prob. 6HOECh. 11 - Prob. 7HOECh. 11 - Prob. 1WRCh. 11 - Prob. 2WRCh. 11 - Prob. 3WRCh. 11 - Prob. 4WRCh. 11 - Prob. 1FWDCh. 11 - Prob. 2FWD
Knowledge Booster
Similar questions
- HTML Display the x, y and sum in the webpage after input of x and y....___ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> SIMPLE CALCULATOR </title> </head> <body> <script> var num1 = prompt("X: "); var num2 = prompt("Y: "); var sum = x + y; </script> </body> </html>arrow_forwardHow can I make this code broken in two separate files to run? Javascript: <!DOCTYPE html> <html> <head> <!-- CIS213 Unit 3,Exercise 2 Author: Date: --> <meta charset="utf-8" /> <metaname="viewport" content="width=device-width, initial-scale=1.0"> <title>Unit 3 Exercise 2</title> <script> "use strict" function additionTable() { var tableWin = window.open("", "MathTableDisplay", "toolbar=no, menubar=no, location=no, scrollbar=yes, resizable=no, width=500, height=400"); tableWin.document.open(); //adds the author name and table name tableWin.document.write("<h1>Name, Addition Table</h1>"); tableWin.document.write("<table border='1' width='100%'>"); //create the top header row…arrow_forwardHTML CODE WITH CSS PREVIOUSLY WAS WRONG.arrow_forward
- Why is the pink part of the code not working? Im trying to get the first sentence shown as pink but it is showing as black. <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>question 2</title> <style> .strikethrough { text-decoration: line-through; } .underline-green { text-decoration: underline; color: green; } p { margin: 0; padding: 0; } .pink-text { color: salmonpink; } .blue-text { color: dodgerblue; } </style></head> <body> <p class="pink-text">The following is an example of the <span class="strikethrough">square</span> <span class="underline-green">cube</span> of a number:</p> <br> <p class="blue-text">If x = 4,…arrow_forward1. Scrape this text file from: https://gml.noaa.gov/webdata/ccgg/trends/co2/co2_mm_mlo.txt Using your Webscraping class, scrape the text file using file scraping techniques or use html parsing (bs4,pandas,selenium) to acquire the data. This implies that the file is NOT downloaded from a browser. # decimal monthly de-season #days st.dev unc. of# date average alized of days mon mean 1958 3 1958.2027 315.70 314.43 -1 -9.99 -0.99 1958 4 1958.2877 317.45 315.16 -1 -9.99 -0.99 1958 5 1958.3699 317.51 314.71 -1 -9.99 -0.99 1958 6 1958.4548 317.24 315.14 -1 -9.99 -0.99 1958 7 1958.5370 315.86 315.18 -1 -9.99 -0.99 1958 8 1958.6219 314.93 316.18 -1 -9.99 -0.99 1958 9 1958.7068 313.20 316.08 -1 -9.99 -0.99 1958 10 1958.7890 312.43 315.41 -1 -9.99 -0.99 1958…arrow_forwardUsing query string with javascript, how do I populate the third page with the required information? Page #3: Congratulates the user, or informs them of their failure to guess the word. This page must show: User 1 Name User 2 Name Word they were trying to guess Page 1 html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hangman</title> </head> <body> <h1>Welcome to the Hangman Word Guessing Game!</h1> <p>Enter your name:</p> <input type="text" id="name-input"> <p>Enter a word for the other player to guess:</p> <input type="text" id="word-input"> <p>Enter the number of incorrect guesses allowed:</p> <input type="number" id="guesses-input"> <button onclick="startGame()">Go</button> <script src="script1.js"></script> </body> </html> script1.js: function startGame() { const name = document.getElementById("name-input").value; const…arrow_forward
- how frames work in html? write a code to divide screeninto two vertical sectionsof 50% width eacharrow_forwardQ3: Using Document Object Model (DOM): Modify “src” attribute in the following HTML code, photo1.jpg to photo2.jpg: <img src="photo1.jpg" alt="photo" id="img"/> Modify the content of the following HTML code, Hello SEU to Hello KSA: <h1 id ="h">Hello SEU</h1>arrow_forwardJavaScript Dom Manipulation Hi can anyone please help me fix my main.js file. We're not allowed to change anything in index.html. We have to make a button so that every time you click on it the count on the web page increases by one. My code doesn't work and I don't know why. Every time I click the button, nothing happens. We just started learning about DOM and the only method we've learned so far is document.querySelector() Please help me understand dom events better. thank you so much! var numTimesClicked = 0; /* function handleClick(event) { numTimesClicked++; console.log('button clicked'); console.log('value of numTimesClicked:', numTimesClicked); } var $hot = document.querySelector('.hot-button'); var $click = document.querySelector('.click-count'); $click.addEventListener('click', handleClick); */ function handleClick(event) { numTimesClicked++; console.log('button clicked'); console.log('event:', event); console.log('event.target', event.target); } var…arrow_forward
- JavaScript Dom Manipulation Hi can anyone please help me fix my main.js file. We're not allowed to change anything in index.html. We have to make a button so that every time you click on it the count on the web page increases by one. My code doesn't work and I don't know why. Every time I click the button, nothing happens. We just started learning about DOM and the only method we've learned so far is document.querySelector() Please help me understand dom events better. thank you so much! main.js var numTimesClicked = 0; function handleClick(event) { numTimesClicked++; console.log('button clicked'); console.log('event:', event); console.log('event.target', event.target); } var $click = document.querySelector('.click-count'); $click.addEventListener('click', handleClick); function handleMouseover(event) { console.log('button hovered'); console.log('event:', event); console.log('event.target', event.target); } index.html <!DOCTYPE html> <html…arrow_forwardWhat is the difference between jinja HTML templates from HTML files? (Please select your answer in the given choices) Choice 1 of 5: A jinja template cannot be rendered by browsers Choice 2 of 5: Jinja templates only have HTML elements such as <p>, <div>, etc... Choice 3 of 5: Jinja HTML templates cannot be used with Flask Choice 4 of 5: HTML files have programming instructions such as if-statements and for-loops Choice 5 of 5: None of the abovearrow_forwardCreate a Dynamic web application with JAVASCRIPT, CSS and HTML using the given the config.json code below : *Note 1! : Use more JavaScript and less HTML, it must be dynamic. *Note2 ! : app must have a vertical side menu and styled forms. config.json code : [{ "name":"Generate Voucher", "api":"https://URL", "form": [ {"name":"count", "type":"number", "required":true}, {"name":"parnter", "type":"string", "required":false}, {"name":"package", "type":"enum", "values":["ApplicationsStandard", "ApplicationsSponsored"]} ] }, { "name":"File Upload", "api":"https://URL", "form":{"name":"file", "type":"file", "required":true} } ]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 Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning