Introduction to web Development stion Completion Status:UESTION 11Match each description with the suitable CSS position propertyA. VElement positioned according to the normal flow of the page.A. float:right;B. position: absolute,Changes the location of an element in relation to where itwould appeaI.C. position static;G.VElement stays in the same place even if the page is scrolled.D position: fixed;Precisely specifies the lodetion of an element in the browserE float none,D. Vwindow.E position place:Elements that seen to align" on the right side of anotherelement.G position: relative;B.VQUESTION 12Write full HIML code to create the following table with required syntax.• Use the correct HTNIL elements for each parr of the table (2 mark)Add internal CSS ro sryle the table head as "blue" background-color and white text coloreCss ro sty le the all rable background-color ro pink (l mark)

Answered: ntroduction to web Development

Engineering

Computer Science

ntroduction to web Development

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier

Section: Chapter Questions

Problem 13CP3

See similar textbooks

Related questions

Q: How many steps does web design go through? The purpose of each stage should be explained.

A: Introduction: We must discuss each of the stages involved in WEB design and why they are vital in…

Q: In web development, what factors influence the choice of front-end libraries or frameworks, and how…

A: When it comes to web development, selecting the front-end libraries or frameworks is a decision that…

Q: A typical Web-based application is made up of a wide range of components.

A: Web-Based: Web-based refers to an external application that is accessed via the Internet using a web…

Q: What distinguishes software development from web design?

A: reasons that distinguishes software development from web design is:-

Q: Web design involves many distinct stages. Each step should have a detailed description of its…

A: Yes, web design typically involves several distinct stages, and it's important to have a clear…

Q: The implementation and maintenance of a web application involves a variety of challenges.

A: Intro: Here are some of the things that went into setting up and maintaining the web application.…

Q: Explain the role of client-side scripting languages like JavaScript in web development

A: Client-side scripting languages, such as JavaScript, play a crucial function in web development by…

Q: Software and web engineering differ greatly from one another.

A: The following are the distinctions between web engineering and software engineering: Web…

Q: Software development is not the same as web engineering.

A: Software development and web engineering are quite similar . There are difference of Software…

Q: b engineering and software have different nua

A: Introduction: Below describe the Web engineering and software have different nuances Web engineering…

Q: What differentiate Websites build with PHP platform from that of Html, CSS and JavaScript

A: Introduction: PHP(Hypertext preprocessor) is a server-side scripting language i.e. used for web…

Question

Introduction to web Development

stion Completion Status:
UESTION 11
Match each description with the suitable CSS position property
A. VElement positioned according to the normal flow of the page.
A. float:right;
B. position: absolute,
Changes the location of an element in relation to where it
would appeaI.
C. position static;
G.VElement stays in the same place even if the page is scrolled.
D position: fixed;
Precisely specifies the lodetion of an element in the browser
E float none,
D. V
window.
E position place:
Elements that seen to align" on the right side of another
element.
G position: relative;
B.V
QUESTION 12
Write full HIML code to create the following table with required syntax.
• Use the correct HTNIL elements for each parr of the table (2 mark)
Add internal CSS ro sryle the table head as "blue" background-color and white text colore
Css ro sty le the all rable background-color ro pink (l mark)

Expert Solution

This question has been solved!

Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.

SEE SOLUTION Check out a sample Q&A here

Step 1

VIEW

Step 2

VIEW

Step by step

Solved in 2 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

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

1 What types of argument does the jQuery factory method accept? 2. With which jQuery method can you get or set a CSS property value? 3. What statement would you use to attach a method to the click event of an element with the ID of elem, to make it slowly hide? 4. How can you retrieve an element node object from a jQuery selection object? 5. What statement would set the sibling element immediately preceding one with the ID of news to display in bold? 6. What are the key advantages and disadvantages of using a software framework when constructing web applications? 7. What are the advantages of React's component-based approach to constructing user interfaces? 8. Describe the differences between props and state in React.
True or False The CSS property “margin” defines the space outside the element’s border. Inline style placed inside an html element’s tag takes precedence over an external stylesheet Multiple html elements can share and be styled with the same ID. A single external CSS stylesheet can be used to style multiple HTML documents. The <ul> element is used to create an automatically numbered list. Setting a hyperlink’s target attribute to “_blank” opens the referenced URL in a new tab.
Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…
Javascript
MENTION EACH Section Implement all form elements to design a page as shown below. IMAGE PROVIDED BELOW
HTML CSS Question 1. Create an external CSS that has a class selector with two declarations (the first declaration forchanging the text color and the second declaration for changing the text's background color). Thisformatting should apply for both headings and paragraphs. NOTE: create this formatting in ONE CSSRULE.
HTML PROJECT
Create a CSS file youName.css and link it to the HTML file you created earlier in Part 1. The results after filling the styles should be as shown in the image below. NOTE 1: Add classes and ids as you find suitable in the HTML file. NOTE 2: Any style that is not specified, may be specified as you wish (like margins, paddings …). NOTE 3: The width of the <body> is 700px and the font-family is “Arial”. after finsih it must be as the image
write a CSS style rule to set up a linear gradient background based on the following requirements: it is for a class named peter the direction of the linear gradient is to be from right to left and must be represented by degrees the starting colour must be red and presented in the RGB format the ending colour must be blue and presented in hexadecimal format
L Encircle the letter of the correct answer. Choose the best answer, What happen to the element when the value of display property is none? A The element will be placed at the right side of the container. B. The element will be displayed inline with other element. C The element will not be seen by the viewer since it is completely removed. O The element will not be seen since it will be displayed outside of the html document. 2. A CSS property that specifies the type of positioning method used for an element C. float D. display A. position B. style 3. Given the CSS code below. What is the value of display property? span#mySpan { background-color:red; display:none; C. inline D. none A. block B. inline-block 4. What is the value of float property when you have the result below? This is an Element C. left A. right B. bottom D. top 5. The value of display property in which the element itself is formatted as an inline element, but you can apply height and width values. A. none C. inline B.…
HTML In strictly default block vertical coordinates, the reference positions for the next element placement on the page is the location of the element immediately on top and the left-hand screen position. (TRUE OR FALSE)? If an outer div container contains two inner div elements, and an outer height is given by css to the outer container, and the background color of the outer container is blue then there will always be blue colored space left below the two inner divs (TRUE OR FALSE)? Image elements can have borders surrounding them , and maintained inside a containing element. (TRUE OR FALSE)? In table elements, the most specific HTML level is the tr element ( row element)(TRUE OR FALSE)? Text can be centered inside a div element by using the selector command text-align: center or otherwise placing the text inside another div element with the same background color and applying margin-left command( TRUE OR FALSE)? A paragraph, div element, and h element will assume the…
the background-position in the following CSS is: body { background-color: #FFCC66; background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 100%; Select one: a. bottom center b. center bottom C. right center d. center right