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
Question
Chapter 6, Problem 9HOE
Program Plan Intro
Program Plan:
mylinks.html file:
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Close the header tag using </head>.
- Include the <link> tag and access the external css file.
- Open the body of the web page using <body> tag.
- Include the head tag <h1> to display page heading.
- Include an unordered list using <ul> tag.
- Include the head tag <h1> to display page heading.
- Close the body using </body> tag.
- Close the file using </html> tag.
links.css file:
- Include a “link” pseudo class and add a color for the hyperlink.
- Include a “visited” pseudo class and add a color for the hyperlink.
- Include a “hover” pseudo class and add a color for the hyperlink.
- Include the background property as “#D3D3D3”.
- Include an unordered list <ul> and add “list-style-type” property.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solution
Students have asked these similar questions
create another new page, and name the file according to the description you used in your mockup. For example, "contact_me.html" or "portfolio.html". Your new page must include the following: (named: "contact_me.html")
A table styled using CSS, like the one below, except use fonts and colors that match the theme of the rest of your site.
A CSS Box with the following specs:
350px (width)
+ 20px (left and right padding)
+ 10px (left and right border)
+ 20px (left and right margin)
= 400px
Contains at least 4 hyperlinks that use each of the following states:
a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked
Must use a style tag that changes the background to a color or image.
Formatted text, including a header and paragraph that uses CSS styling of your choice, using at least 1 ID selector and 1 class selector.
Use CSS to…
Create an external CSS file and attach it to the html document, you need to name the file with your first name and last initial. The only change you are allowed or
need to make in the HTML file is the link to the attached CSS sheet. study the HTML file before starting note the ID and classes in the document.
using only CSS to duplicate the layout of the sample image use position,grid or flex combination of layout methods
Create a html page with title as lab10 1. The page load lab10 1.js as its
JavaScript file. On the html page, include a Canvas with dimension of width: 806,
height: 500. An input box to accept user's input. A button to start the game.
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
- CSS3 allows web developers to use many columns in a single web page by employing. O a. open-column O b. many-column O C. several-column Od multi-column QUESTION 6 The proper form of column-rule property is column-rule: 1px solid blue; a. O b. column-rule: {1px solid blue;} O C. column-rule: (1px solid blue); O d. column-rule: 1px; solid; blue;arrow_forwardCreate the content in attached document as it is in a web page (applying the basic HTML tags). For creating web page follow the steps: Write your HTML code in notepad Save the file with .html extension Your submitted assignment will include this .html file in zip (compressed format)arrow_forwardCreate a folder called "Titan Sports Store". This will be your root folder. Add the folders specified (css, js, img, fonts, scss, common)in the previous article as subfolders in this folder. 1. Create the index.html file and add html to create the homepage of the sports store. Add at a minimal a title, description, and a footer on the page. 2. The owners have decided they want to place rotating banner adds on the homepage. Your task is to find a simple JavaScript file that rotates banners and display it on the homepage. Make sure you place your images in the img folder and your js script in the js folder.arrow_forward
- 11. Template Creation Create a template to display an HTML page like below. Create a template with 4 columns and 3 rows. You can choose any approach to finish this task. This task only using HTML and CSS, please make sure your code already tested before you submit it. item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 Body padding is 20px Border color is #e3e3e3 Text color is #727272 Text size is 12px Distance between icon and box is 10px Border radius size is 10px Icon asset image is https://a.m.dana.id/promo/landing-page/default- icon.webparrow_forwardOpen your text editor: Please complete this code in HTML create a new file and name it “Lec_Ex4_2.html” create a new file and name it “style_2.css” Type the 8 lines in the html(basic html structure). Add this line to the head section of html: Write these lines in the body of the html: <div id=“title”><h1>Your name</h1></div> <div id=“container1”> . </div> Style it in the CSS: #title{ background-color:blue;} #container1 {background-color:red;} If we don’t specify the width of the div element,it will take up the full width available. We can specify the width and height of the divusing percentages or pixels. Percentages are flexible (changes according tothe screen size), and pixels are fixed. Add the following property to both divs: Width:80%; This is comparing to the full screen For the title div: Padding:2%; For the container div: Height: 400px; Height can also be made with percentages, butpixels are preferred. Your…arrow_forwardUsing Inline style do the following for this hl>: Using Embedded style do the following for this : Using Embedded style do the following for thisarrow_forwardCreate the following application. Give me the html, css and javascript code.arrow_forwardTask 1. Create a new page (games.html):Use the music page as the starting point for the Game page. In your text editor open music.htmland save it as games.html. After modifying the games page, it will look similar to the Games pagein Figure 1.Change the page title to an appropriate phrase.Delete the div element with id="musicbg", then open the style.css in your text editor and deleteall the rules for id = “musicbg”. This will remove the music image from the new page.Replace the text within the h2 element with following: “My Favorite Video Games”.Delete paragraph, h3 and table elements.Place an unordered list with your 4 favorite video games as list items.Create a photo gallery with 4 pictures:• Search on the internet for cover picture of your favorite games, and same them in your folder.For each image create another image as thumbnail. You can use windows paint or any otherimage editor to resize the images.• After completing the previous step, in your folder, you will have 8 new image…arrow_forwardCreate an app that provides the day of the week for any date a user enters and make it useable across all browsers. Steps: Download and unzip the Lab 7 file. In the index.html file: Enter your name and today’s date where indicated in the comment section in the document head. Add script tag to access script.js file In the script.js file: Add an onclick event handler for the addButton object. Within the event handler do the following: Use the push() method to add the value of the customerName object to the end of the customers array. Run the generateCustomerList() function to update the contents of the ordered list that appears on the web page. Change the text of the status paragraph to “customer added to the end of the queue” where customer is the value of the customerName object. Add an onclick event handler for the searchButton object. Within the event handler do the following: Use the indexOf() method to locate the index of the array item whose value equals the value of…arrow_forwardCreate an HTML page with name yourname&ID.html and include the following: CSCI375 Grades Exam-1 Exam-2| Project Exam-3 | Show the Grades Your Grades: Publishing Date Published on: Change Background Color Instructions for the form: 1. The name or/and id of the third textbox should be named by your first name (for example, name="fadi" id="fadi'). 2. The name or/and id of the fourth textbox should be named by your last www name (for example, name="yamout" id="yamout").arrow_forwardI need help with creatufb this HTML. Thank you. Create an HTML form that has one input text field for your Fahrenheit degrees Add a hidden field to the form, use this field to indicate the form is submitted Add a submit button to the form Make sure the form posts to the same file in the "action" Add the PHP code for: On load, populate the input text field with some default degree value, like 87 On Submit, or POST, read the input field value submitted and convert the value to a Celcius degree Use the standard formula (X°F − 32) × 5/9 = Y°C (where 5/9 = 0.5556) Display the resulting Celcius degrees Y°C in the page after you calculate the result, along with the rest of the form, so you can submit again another valuearrow_forwardWeb Programming : HTML, CSSarrow_forwardarrow_back_iosSEE MORE QUESTIONSarrow_forward_ios
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
COMPREHENSIVE 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