Write the semantically correct HTML code for the navigation area of a website that lists 3 navigation items: products, services, and contact us. You don't need to include all the HTML for the page, only include the navigation itself. Each of the 3 items link to products.html, services.html, and contact-us.html. Write one inline CSS rule to remove the bullet from in front of the list items and horizontally center the navigation items on the screen. Write inline CSS that uses the display property to display the list items side-by-side.

Write the semantically correct HTML code for the navigation area of a website that lists 3 navigation items: products, services, and contact us. You don't need to include all the HTML for the page, only include the navigation itself. Each of the 3 items link to products.html, services.html, and contact-us.html. Write one inline CSS rule to remove the bullet from in front of the list items and horizontally center the navigation items on the screen. Write inline CSS that uses the display property to display the list items side-by-side.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter9: Getting Started With Javascript: Creating A Countdown Clock

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

JavaScript Do the following using JavaScript: 1. Once the page is loaded an alert message will be displayed Example: “Yehey! Last Hurray!” 2. Display your name in any HTML element/s you’ve learned to use. Ex: paragraphs, headers 3. Display today’s date in any HTML element/s you’ve learned to use. 4. Input your age (either in prompt/form element) and test it using the following criteria: Example: Input: 41 Output: Millenials Generations Born Current Ages Gen Z 1997 – 2012 10 – 25 Millennials 1981 – 1996 26 – 41 Gen X 1965 – 1980 42 – 57 Boomers II (a/k/a Generation Jones)* 1955 – 1964 58 – 67 Boomers I* 1946 – 1954 68 – 76 Post War 1928 – 1945 77 – 94 WWII 1922 – 1927 95 – 100 1. Display a picture of a younger and present you using onmouseover and onmouseout events 2. Asks for your top 2 favorite colors: either using a radio, checkbox, dropdown menu, prompt, or textbox o set the…
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: a table that includes the same content as in the image below. Note that the heading is a part of the table, so that screen readers will know that the heading is associated with the table. Add internal/embedded CSS (and extra HTML if you need to) so that your page looks like the image below. DON'T include more CSS than you need to. Tip: You will need to use pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#tree-structural_pseudo-classes
Write the HTML code that displays a video so that as many visitors as possible can access the multimedia content through their default browser. Specify the following settings: mute the sound; show the controls; specify an image to show until the user clicks the play button; Display a text link to download the video if the browser doesn't support any of the video file formats. Write the CSS code to make the video (DON'T include more CSS than you need to): as tall as the viewport window; hide any scrollbars that might display because the video's width is wider than the browser window. remove the body's default margin.
Create an HTML5 web page about one of your favorite hobbies. Choose a hobby and either take a relevant photo or select a relevant royalty-free photo from the Web (refer to Chapter 4). Decide on a heading for your page. Write one or two brief paragraphs about the hobby. The page must use valid HTML5 syntax and include the following elements: header, article, and footer. Use the figure, figcaption, and img elements to display the photo you have chosen. Include a hyperlink to a website that is relevant to the hobby. Include your name in an e-mail address in the page footer area. Configure the text, color, and layout with embedded CSS. Save the file as myhobby.html.
Write the HTML code that displays a video so that as many visitors as possible can access the multimedia content through their default browser. Specify the following settings: mute the sound; show the controls; specify an image to show until the user clicks the play button; Display a text link to download the video if the browser doesn't support any of the video file formats. Write the CSS code to make the video: as tall as the browser window; hide any scrollbars that might display because the video's width is wider than the browser window. remove the body's default margin.
Write the HTML code to create a form that allows users to submit their name and email address. The form should have the following elements: 1. A text input field for the user's name. 2. A text input field for the user's email address. 3. A submit button to submit the form. Name: Answer: Email: Submit
Make a table in HTML format that works with your school's timetable. The column headers should indicate the time of day for each class, and the row headers should indicate the day of the week. The table numbers need to be labelled with the course name and instructor's name. Since it will be at the table's top, a fitting caption is required.
Part 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…
How to do this exercise? Halloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re done, the page should look similar to this: Specifications • Add a transition for the widths of the images in the right sidebar of the cat.html file in the products folder that will last for three seconds and use the linear speed curve. The transition should increase the width of an image to 125 pixels when the mouse hovers over an image. Be sure to provide for all browsers. • Add an animation for the image in the section that will cause the image to move up and down when the page is loaded. The animation should last for half a second, use the ease-in-out speed curve, repeat six times, and alternate directions on each repetition
Design the following form using html and css code ?
Design HTML Form in javascriptApply the data validation :1. Mobile number field data must be a numeric data and not less than 8 digits,2. The email field must accept the data which must contain the character '@' and dot (.). Andthe character @ must not be the first character and the last dot must at least be onecharacter after the @.On submitting the form, If all these validations are followed, another Html page.
Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph. Write the CSS needed to give the section element: a background colour; make its height include the height of its children. Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to): float side-by-side; have a border that is 2px wide and coloured; have a calculated width that is 50% of the the width of their parent element and still sit side-by-side. Your final layout should look like the image below: