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
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 solutionStudents have asked these similar questions
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
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;
Create 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)
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
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
- 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.arrow_forwardCreate a page named aboutnct.html that describes your college. (You can use Notepad++ as a text editor.). Save the file in your z drive. On your page, include the following information: Page background color is #C0C0C0 Text color is #0000FF Insert college logo image. You can download it from college website. NIZWA COLLEGE (use heading 1) College Overview (use heading 2) The following paragraph Nizwa College of Technology (NCT) is one of seven colleges of technology (CoTs) in the Sultanate of Oman operating under the auspices of the Ministry of Manpower (MoM). The other six colleges are located in Ibra, Ibri, Musanna, Muscat, Salalah, and Shinas. All colleges' offers , and degree in a wide variety of academic programs. At the end of the paragraph insert a link to visit college website (www.nct.edu.om) The link must open in a new browser window. Academic Programs 1. Engineering 2. Business 3. Information Technology Insert the following (use heading 2) ©copy right…arrow_forward11. 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_forward
- Using 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 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_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_forwardYou need to create all web pages by using HTML5 and external CSS. Please create shell and I will add the images later. Specifically, your website must include the following The homepage: The homepage serves as an introduction to the entire website, where the purpose of this website can be clearly and easily identified by the target audience. The content includes the following HTML elements: the logo image of the OneBook program (PLEASE CREATE THE ELEMENT I WILL ADD THE IMAGE MYSELF) the header element should be consistent on all 4 pages links to the homepage as well as the other 3 pages the nav should be consistent on all 4 pages <h2>: What is OneBook? 1st paragraph <p>: 2nd paragraph <p>: T The front cover of the book Deep Economy <img> You are required to add the following text in the footer section: <header> <nav> <main> <footer> Your homepage must be saved as “index.html”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_forwardUsing HTML, CSS, and JavaScript create a small site that will display a list of 5 small images that can be dragged and dropped into a larger box to display the image larger on the site. The list of images should not disappear after being dropped. In dropbox, the image being dropped should replace the previous image dropped to the box.arrow_forwardIn CSS, a:hover means : Select one: O a. A link when a users mouse cursor is under it O b. A link when a users' mouse cursor is over it O C. A link the user has visited d. A link the moment it is clicked Which is correct for CSS syntaxarrow_forwardarrow_back_iosSEE MORE QUESTIONSarrow_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