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 6, Problem 15FIB
Program Description Answer
Using HTML5, the article element is used to existing an independent entry like blog posting that could sense on its own.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Let’s build our new web page
Step # 1
Type in your editor the following lines of code:
<!DOCTYPE html>
<html>
<head>
<title>Page Title Here! </title>
</head>
<body>
Open your .html file in a Web Browser [ Double-click on the file in explorer or launch from notepad++ ] Your page should be blank but you will have a page title
Change the page title to “Weyland-Yutani Employee Data”
Remember, every time you make a change that you want to see, you'll need to save the file and refresh the Web Browser.
Step # 3
HTML5 uses semantic elements to group content on a web page. Some examples of these are <header>, <footer>, <nav>, <section>, and <article>. These semantic elements allow us to label certain types of information on our pages for later use with styles to separate content from presentation. It may sound a little confusing now but we’ll be working with styles in the next lab and it will make more sense then.…
Hello, I was hoping someone could look at my code and tell me what I am doing wrong as to why my images are not fitting the webpage. I have attached the HTML code and have screenshotted the CSS code along with an image of how the webpage turns out where you can clearly see the header and footer images not fitting the page.
HTML CODE:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>Flexbox Coding</title></head> <link rel="stylesheet" href="Style.css">
<body> <header class="header-image"> <img src="57mBcYi.jpeg" alt="Header Image"> </header>
<div class="flex-container"> <div> <ul> <li><a href="Page1.html">Link to Page 1</a></li> <li><a href="Page2.html">Link to Page 2</a></li>…
Create a HTML with CSS for an Electronically Voting Platform, make it like a facebook profile page that contains the following contents:
Profile Photo
Bio/Slogan
Full Name
Student No.
Gender
Degree Program
Year Level
Official School Email
Address
Mobile Number
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Similar questions
- Please do in HTML. Thank you! 1. Open your preferred text editor.2. Create a basic HTML skeleton page with the following elements:a. Add <!DOCTYPE html>b. Add <html></html>c. Add <head></head>d. Add <body></body>3. Add lang=en (w/ or w/o quotes) to an appropriate element.4. Add the four folders you typically expect to find with an organized website: images, scripts,styles, docs (this is a good habit to get into now).HEAD Section:5. Add <title>Hello world</title>6. Add <meta charset="utf-8">BODY Section7.Add h1 tags and the title Hello World!8. Add p tags and a sentence like: “Hello,world. I am Geoff and I am learning aboutHTML.”arrow_forwardi am working on Old masters code 1-3 but i keep getting an error on my this is for HTML using notepad++ my code: <!doctype html><html lang="en"><head><!--New Perspectives on HTML5 and CSS3, 8th EditionTutorial 1Coding Challenge 3 --><meta charset="utf-8"><title>Coding Challenge 1-3</title><link href="code1-3_styles.css" rel="stylesheet"/></head> <body><h1>Drawing from the Old Masters</h1> <section> <img src="drawing01.png" alt="Leonardo da Vinci"/> <footer>The Battle of Anghieari <br />— Leonardo da Vinci</footer> </section> <section> <img src="drawing02.png" alt="Jacopo da Pontormo"/> <footer>Study of a Youth <br />— Jacopo da Pontormo</footer> </section><section> <img src="drawing03.png" alt="Raphael"/> <footer>The Nativity <br />—…arrow_forwardHello, I'd like to know how I can create a site using HTML, CSS, JS and DOM manipulation. The site should have the following elements: Character pictures with the names of the characters and two buttons under each character card and when one button is clicked, a short bio of the character should appear beneath their image. When the other button is clicked, text should appear under their image about the status of character. Need a search button that allow users to filter characters too Thank yousarrow_forward
- I am creating a html web page and I need help with the welcome page where the various tabs have can be filled out when clicked these are just examples of the tabs in the home page tab 1: Fish - what is a fish what is the color of the fish how big is the fishTab 2: dogs- what us a dog what is the color of the dog how big is the dogarrow_forwardPython Please!!!! Create an HTML page called "index.html" and an external CSS stylesheet called "styles.css". Set the body to use a different font than the default and a different background color than the default. Create a header, "Hello World" with an ID of "main-title" and style that ID to be centered. Create two paragraphs, each with a class of "content" and apply a bottom margin of 12px to that class. By the end, your site should look something like this, but with whichever font and color you choose:arrow_forward<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/practice.js"></script></head><body><h2> Which student would you like to know about?</h2><form><input type="button" name="showResults" onclick="loadData();" value="Click to start"/></form><div id="container">Your results are here</div></body></html> <?phpprint <<<EOF{"employees":[{ "firstName":"Mark", "lastName":"Henry" },{ "firstName":"Joe", "lastName":"Sterna" },{ "firstName":"Pat", "lastName":"Garcia" }]}EOF;?>function loadData() {let results = document.getElementById("container");//results.innerHTML = oStr;alert("Click");loadFromServer( results ) } function loadFromServer( resContainer ){// Use Ajax and xmlHttp to create the following output when you click the buttonxmlHTTP.open("getData.php")document.getElementById("container").innerHTML = this.resposeText;//…arrow_forward
- javascript programming <!DOCTYPE html><html><head><!--Let us get Initial of First and Last Name with Combination of Zip Code to Form Account Number--><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>Generate Account Number</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.65897.js"></script></head> <body><header><h1>Generate Account Number with First/Last Name Initial and Zip Code</h1></header> <article><h2>New Account Information</h2><form><fieldset id="deliveryinfo"><label for="fnameinput">First Name</label><input type="text" id="fnameinput" name="fname" /><label for="lnameinput">Last Name</label><input type="text" id="lnameinput" name="lname" /><label for="addrinput">Street Address</label><input type="text" id="addrinput"…arrow_forwardA music company executive of Michael Jackson has asked you to create a website. The music executive wants the following: 1. Page Size = 800 pixels wide 2. Total of 5 pages (home page, gallery page, contact page, about page, ask us page) a. a Home Page (called index.html) b. a Gallery page i. must use rollover gallery type ii. total of 10 different pictures 3. All buttons & thumbnails must a. have default and rollover states b. created in Photoshop 4. Must use div tags 5. Website must be centered horizontally in the browser window 6. Use only HTML and CSS. ***Please try to share the files through dropbox or any other services. Thank you very much!arrow_forwardJavaScript Programming Pick a date and display the day of the week with that code <!DOCTYPE html><html><head><!-- Filename: index.htm--><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>Day of the Week</title><link rel="stylesheet" href="styles.css" /><script src="modernizr.custom.05819.js"></script></head> <body><header><h1>Day of the Week</h1></header> <article><h2>Day of the Week Lookup</h2><form><fieldset><label for="dateSelected">Select a date</label><input type="date" id="dateSelected" /></fieldset><fieldset class="button"><button type="button" id="determineDay">Find day</button></fieldset><fieldset><p>Day of the Week</p><p…arrow_forward
- Web Development: Identify ten (10) HTML tags that are valid only for HTML5. Use the HTML below and demonstrate the use of these tags in a valid and semantically verified way: <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <h1><p style="text-align:left;">My App</p></h1> <p style="text-align:right;"> <a href="url">signup</a> <a href="url">Login</a> </p> <table> <tr> <th><img src="1.jpg" width="200" height="80"></th> <th> <h2> App Tagline</h2> <ul> Description of feature <li> Description-1</li> <li> Description-2</li> <li> Description-3</li> Description of feature <li> Description-1</li> <li> Description-2</li>…arrow_forwardHTML 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_forward1. Write your name as Simple floating LOGO using GIMP Application. 2. Write your name as a text and wrap it around the Circle using GIMP Application. 3. Demonstrate the concept of Morphing to transform an image into another Using GIMP. Create a hyperlinked text “BROWSE” to open this morphed image using HTML. 4. Create a fire flaming effect on your NAME using GIMP.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Principles of Information Systems (MindTap Course...Computer ScienceISBN:9781285867168Author:Ralph Stair, George ReynoldsPublisher:Cengage LearningFundamentals of Information SystemsComputer ScienceISBN:9781305082168Author:Ralph Stair, George ReynoldsPublisher:Cengage LearningNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
Principles of Information Systems (MindTap Course...
Computer Science
ISBN:9781285867168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
Fundamentals of Information Systems
Computer Science
ISBN:9781305082168
Author:Ralph Stair, George Reynolds
Publisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning