New Perspectives on HTML and CSS
6th Edition
ISBN: 9781111526443
Author: Carey, Patrick
Publisher: Course Technology Ptr
expand_more
expand_more
format_list_bulleted
Question
Chapter 5, Problem 16CP1
Program Plan Intro
To set the growth, shrink, and basis size of the ul element of the horizontal navigation list in the file gp_layout.css.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
<style>// selecting required elementconst element = document.querySelector(".pagination ul");let totalPages = 10;let page = 2;
//calling function with passing parameters and adding inside element which is ul tagelement.innerHTML = createPagination(totalPages, page);function createPagination(totalPages, page){ let liTag = ''; let active; let beforePage = page - 1; let afterPage = page + 1; if(page > 1){ //show the next button if the page value is greater than 1 liTag += `<li class="btn prev" onclick="createPagination(totalPages, ${page - 1})"><span><i class="fas fa-angle-left"></i> Prev</span></li>`; }
// how many pages or li show before the current li if (page == totalPages) { beforePage = beforePage - 2; } else if (page == totalPages - 1) { beforePage = beforePage - 1; } // how many pages or li show after the current li if (page == 1) { afterPage = afterPage + 2; } else if (page == 2) { afterPage = afterPage +…
Q2:
Create table as below and shading the first row. Insert an Octagon and write your name in the
center
Day/
Sunday
Monday
Tuesday
Wednesday | Computer | Science
Friday
Period I Period II Period IVv | Period V
|Science
Computer | Math
Math
English
|Computer |
English
Computer | Science
English
Computer |
Math
Science
English
Math
Math
Science
English
> Create margin at the top & bottom 1.1 inch and right & left 1.5 inch
> Create landscape orientation & A4 paper size
> Insert Period III column after Period II
> Insert Thursday row bellow Wednesday row
> Insert page number center align and Arial font
> Insert watermark "Hello world"
> Table font "Times new roman" and 13 size
Using the colon symbol, create a row vector (assign it to a variable named Fives)
with five elements that are all five.
Chapter 5 Solutions
New Perspectives on HTML and CSS
Ch. 5.2 - Prob. 8QCCh. 5.2 - Prob. 9QCCh. 5.3 - Prob. 8QCCh. 5.3 - Prob. 9QCCh. 5 - Prob. 1RACh. 5 - Prob. 2RACh. 5 - Prob. 3RACh. 5 - Prob. 4RACh. 5 - Prob. 5RACh. 5 - Prob. 6RA
Ch. 5 - Prob. 7RACh. 5 - Prob. 8RACh. 5 - Prob. 9RACh. 5 - Prob. 10RACh. 5 - Prob. 11RACh. 5 - Prob. 12RACh. 5 - Prob. 13RACh. 5 - Prob. 14RACh. 5 - Prob. 15RACh. 5 - Prob. 16RACh. 5 - Prob. 17RACh. 5 - Prob. 18RACh. 5 - Prob. 19RACh. 5 - Prob. 20RACh. 5 - Prob. 21RACh. 5 - Prob. 22RACh. 5 - Prob. 23RACh. 5 - Prob. 24RACh. 5 - Prob. 25RACh. 5 - Prob. 26RACh. 5 - Prob. 1CP1Ch. 5 - Prob. 2CP1Ch. 5 - Prob. 3CP1Ch. 5 - Prob. 4CP1Ch. 5 - Prob. 5CP1Ch. 5 - Prob. 6CP1Ch. 5 - Prob. 7CP1Ch. 5 - Prob. 8CP1Ch. 5 - Prob. 9CP1Ch. 5 - Prob. 10CP1Ch. 5 - Prob. 11CP1Ch. 5 - Prob. 12CP1Ch. 5 - Prob. 13CP1Ch. 5 - Prob. 14CP1Ch. 5 - Prob. 15CP1Ch. 5 - Prob. 16CP1Ch. 5 - Prob. 17CP1Ch. 5 - Prob. 18CP1Ch. 5 - Prob. 19CP1Ch. 5 - Prob. 1CP2Ch. 5 - Prob. 2CP2Ch. 5 - Prob. 3CP2Ch. 5 - Prob. 4CP2Ch. 5 - Prob. 5CP2Ch. 5 - Prob. 6CP2Ch. 5 - Prob. 7CP2Ch. 5 - Prob. 8CP2Ch. 5 - Prob. 9CP2Ch. 5 - Prob. 10CP2Ch. 5 - Prob. 11CP2Ch. 5 - Prob. 12CP2Ch. 5 - Prob. 13CP2Ch. 5 - Prob. 14CP2Ch. 5 - Prob. 15CP2Ch. 5 - Prob. 16CP2Ch. 5 - Prob. 17CP2Ch. 5 - Prob. 18CP2Ch. 5 - Prob. 19CP2Ch. 5 - Prob. 20CP2Ch. 5 - Prob. 21CP2Ch. 5 - Prob. 1CP3Ch. 5 - Prob. 2CP3Ch. 5 - Prob. 3CP3Ch. 5 - Prob. 4CP3Ch. 5 - Prob. 5CP3Ch. 5 - Prob. 6CP3Ch. 5 - Prob. 9CP3Ch. 5 - Prob. 2CP4
Knowledge Booster
Similar questions
- Create table as below and shading the first row. Insert an Octagon and write your name in the center Day / Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II | Period IV | Period V |Computer English |Computer | Science English Computer| Math Science |English Computer | Math Math Science English Math Math Science |English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period II column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizearrow_forwardYour completed assignment should contain all of the following: ■ Your color scheme's name should be set as the table's header. It should have one or more font styles applied to it to differentiate it from other text in the table. ▪ You should list each color name, with each cell having its color set as its background color. ■ Include cells that give each color's hex value. ■ Include cells that give each color's rgb value. ▪ Include cells that give each color's hsl value. ▪ Your HTML table should be logically and properly constructed.arrow_forwardConsider the following HTML code to answer the question below 1. 2. .. ...... 3. 4. 5. ... ...... 6. .. ...... 7. 8. 9. 10. 11. .. ...... 12. .. ...... 13. ... ...... 14. 15. .. 16. Using the selector div p {}, the style will be applied on which lines Select one: a. line 2 only b. lines: 2, 6, 11 c. lines: 2, and 6 d. line: 2, 6, 11, 13arrow_forward
- Tablet Element Styles The page body has four children: the header, the footer, the article element, and the aside element. The article and aside elements will share a row with more space given to the article element. Set the growth, shrink, and basis values of the article element to 2, 1, and 400 pixels. Set those same values for the aside element to 1, 2, and 200 pixels.arrow_forwardi need the answer quicklyarrow_forward***Please show steps on how to create the "userform" box" Create a userform with two sets of option boxes. Each set should be within a frame (Select frame element from the toolbox). The first frame should have 4 option buttons Basketball, Baseball, Football, and Soccer. The second frames should have two option buttons "watch on TV" and "go to games". The userform should have Submit and Cancel Button. Write a sub to show the userform When a user selects one option each from frame 1 and frame 2, you should have appropriate displays such as "Your favorite sports is Soccer and you usually watch on TV" if you selected Soccer and Watch on TV options, after you hit the Submit button. The userform should be hidden after submit button is clicked If the user clicks Cancel, you should display "You don't want to play this game" and hides the userformarrow_forward
- HTML True or False One can use padding inside a paragraph but not a div to enlarge the total size of the block element. (True or false)? Assume you do not use a border statement for an internally placed block element inside a div element. You can displace the element from the top of an enclosing div element by either using margin-top in its selector command, but NOT alternatively by employing a padding command inside its enclosing div element css selector. (True or false)? Paragraphs and header elements can have multiple span tabs , multiple images and multiple text but all are not held in an embedded vertical block structure. (True or false)? One URL location within a single <a> html element can be accessed by a combination of multiple alternating text elements and images as long as the Link in not terminated by </a> until all the images and text elements have been created. (True or…arrow_forwardGiven the following 1D array of 7 strings: "SHIP" "CUP" The first element located at index 0 is "LION". The last element located at index 6 is "CUP". (Note that the indexing starts from 0) "LION" "ICE" "YOLK" "ROCK" "POT" Perform Selection Sort to rearrange the elements in alphabetical order. Simulate the algorithm and fill in the required array element values in the following items. You have the option not to to type the double quotes in your answers.arrow_forwardJavascript: Provide the code to create two ul list elements-one nested inside the other. Use variable name topList for the upper list element and the variable name bottomList for the bottom list elementarrow_forward
- HTML CSS and Javascriptarrow_forwardGlobal Variable Go to the jpf_hitori.js file in your editor. Directly below the comment section, declare the global allCells variable, which you will use to store an array of the puzzle cells in the Hitori table. Do not define a value for the variable yet. JavaScript Functions Insert a command to run the startUp() function when the page is loaded by the browser. Add the startUp() function, which displays the contents of Puzzle 1 after the page is loaded and sets up the initial event handlers. Within the function, add the following commands: Change the inner HTML of the element with the ID, “puzzleTitle” to the text “Puzzle 1”. Call the drawHitori() function using the hitori1Numbers, hitori1Blocks, and hitori1Rating variables as parameter values and store the HTML code returned by the function in the inner HTML of the page element with the ID “puzzle”. Declare a variable named puzzleButtons referencing the page elements with the class name “puzzles”. Loop through the puzzleButtons…arrow_forwardCreate an interactive sign-up sheet.● Make the sign-up sheet interactive for the user.● Add a selection element to ask the user for their gender. Add the options “Male,” “Female,” and “Prefer not to mention.”● Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element.● Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page.● Use fieldset and legend tag to separate the input part from the output part of the form.● Include a reset button to clear users input and also the information displayed at the bottom of the page.● Feel free also to design your own version and add other features.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:CengageCOMPREHENSIVE 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
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:9780357392676
Author:FREUND, Steven
Publisher:CENGAGE L