Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 3, Problem 5HOE
Program Plan Intro
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Include the style on the webpage using the <style>tag.
- Close the style tag using </style>.
- Define a class called .new that is bold and italic
- Include the hyperlink tag to refer to the link using href attribute
- Include the title on the webpage using <title> tag.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the content to be displayed in the webpage using paragraph <p> tag.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
MAKE A SIMPLE LOGIN FRONT PAGE OF THE GIVEN IMAGE USING ONLY HTML AND CSS WRITE THE CODE.
Write a program in html
Create a CSS style for an H3 element, where:
- colour is blue (in RGB format)
- text aligned to left
- text decoration red wavy underline
- text transformed to uppercase
Modernizr is a tool that supplements deficient browser functionalities, with the exception of style support for HTML5 tags.
Chapter 3 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- I have to write out the html in notepad++ to be able to open it look like the image. I have started, but cant seem to get it to like rightarrow_forwardWrite the HTML code to output the followings. Do this task as at it given in the image with same format , style ,bold style. everything remain same as given in the image.arrow_forwardWrite a Web page, displaying the following text with styles as close to the example as possible, change my hobbbies to your hobbies. Resize all elements, choose a new font sizes by yourself. Provide your source code in full in a readable format.arrow_forward
- The below code is suppose to make a rotating colored 3d cube using html (canvas) and JavaScript but I cannot get it to work properly. What am I doing wrong? What is the problem? This is a WebGL project if that helps. All that is rendered is what is seen in the attatched image. Thank you for your help. Source code HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rotating Colored Cube</title> <script type="text/javascript" src="glMatrix-1.0.1.min.js"> </script> <script type="text/javascript" src="WebGL.js"> </script> </head> <body> <canvas id="myCanvas" width="600" height="250" style="border:1px solid black;"> </canvas> </body> </html> JavaScript source code: function initBuffers(gl){ var cubeBuffers = {} cubeBuffers.positionBuffer =…arrow_forwardMake the button timer and reset work, also make the cards to be flipped over and make them to be in random order, when you match two correct cards let them be flipped, if they are not matching flipdem back. Do this in JavaScript. html code: <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="start.css"> <title></title> </head> <body> <div class="whole"> <div class="images"><img src="1.png"></div> <div class="images" ><img src="final.jpg"></div> <div class="images"><img src="2.png"></div> <div class="images"><img src="final.jpg"></div> <div class="images"><img src="final.jpg"></div> <div class="images"><img src="4.png"></div> <div class="images"><img src="final.jpg"></div> <div class="images"><img src="3.png"></div> <div…arrow_forwardWe need to create an HTML and CSS page with the following requirements. Thank you in advance ! ... has a method attribute with the value of "post" and an action attribute with the value of "/pets" ... has an single-line text input with and id of "name", a name of "pet_name", and with an associated label that reads "Name". ... has a drop-down with an id of "type", a name of "pet_type", an associated label that reads "Type", with only the options "Cat", "Dog", "Hamster", "Other", "Zebra". ... has a multi-line text input with and id of "bio", a name of "pet_bio", and an associated label that reads "Biography" ... has an email input with id of "owner-email", a name of "pet_owner_email", and with an associated label that reads "Owner's Email" ... has a button that reads "Create new pet" with type "submit" and id "new-pet-submit-button" ... has a button reads "Reset" with type "reset" ... is 600px wide when the screen is greater than or equal to 600px wide ... uses grid layout to layout…arrow_forward
- Modernizr does, in fact, bring needed features to browsers, with the exception of supporting the style of HTML5 elements.arrow_forwardHello, I was hoping someone could help me properly format a proper responsive image code using the attached image names, I believe the numbers at the end are in reference to their size so I want to make sure I get it right. This is what I have. <!DOCTYPE html> <html> <head> <title>Responsive Images</title> </head> <body> <h1>Mountain Images</h1> <img src="mountain_1280.jpg" alt="Mountains" srcset= "mountain_1280.jpg 1280w, mountain_240.jpg 240w, mountain_480.jpg 480w" sizes="(max-width: 240px) 100vw, (max-width: 1280px) 70vw, 240px"></body> </html> And finally the attached instructions: Using responsive images tags to create an HTML page that displays the mountain images. The mountain picture are supplied in 4 different sizes. The image in the html file should be able to scale automatically as the browser window resizes at…arrow_forwardExercise 2Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue color. Draw a string “Hello” on the canvas at location (10,70) with the font Arial and font size 20 pixelarrow_forward
- Please write a program that interprets the BMI of a person based on a user’s weight and height. And please recreate the page. Use any javascript, css and html files necessary to replicate this. Based on the BMI level it should tell you on the FINDINGS section the following: If BMI is < 18.5 they are underweight If BMI > 18.5 but < 25 they have a normal weight If BMI > 25 but below 30 they are overweight If BMI > 30 but below 35 they are obese If BMI > 35 they are clinically obese.arrow_forwardHow can you apply it to translate property in CSS on an image when the user hovers it with the mouse pointer it translates an image? Provide CSS code and a screenshot of the output image.arrow_forwardUsing comments in the code, can you provide a line by line explination as to what the below HTML file is doing? The file relates to a WebGL program if that helps you. Please & thank you HTML File: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>3D Sierpinski Gasket</title> <script id="vertex-shader" type="x-shader/x-vertex"> #version 300 es in vec3 aPosition; in vec3 aColor; out vec4 vColor; void main() { gl_Position = vec4(aPosition, 1.0); vColor = vec4(aColor, 1.0); } </script> <script id="fragment-shader" type="x-shader/x-fragment"> #version 300 es precision mediump float; in vec4 vColor; out vec4 fColor; void main() { fColor = vColor; } </script> <script type="text/javascript" src="../Common/initShaders.js"></script> <script type="text/javascript" src="../Common/MVnew.js"></script> <script type="text/javascript"…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENTNew Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning