Design a web page by using div, h1, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet.

Design a web page by using div, h1, h2 and image elements as given below. Implement also the box model to set the image in proper way. All the design of elements should be implemented in internal style sheet.

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Q: methods are the The manoeuvre The vertical and slow-move-vertical ones that need to be practised…

A: Given that: What precisely is meant by the phrase "horizontal career shift," and how should it be…

Q: Using the proposed specifications for CSS-based grids, create a grid for the body element that has…

A: Given: There are three rows with heights automatically defined by the page content and five columns…

Q: Lab Exercise 2 Find the HTML element (with id="demo"), and changes the element content (innerHTML)…

A: Approach: we use the <button> tag which defines the clickable button for example <button…

Q: in the index.html file, add a class attribute with the value tablet-desk to the second div element…

A: In the index.html file, after adding a class attribute with the value tablet-desk to the second div…

Q: Please help me with this. I am having trouble understanding. Please just provide image of solutions…

A: Step 1: Answer: Step 2: High Fidelity Wireframe:Defined as a rectangle labeled…

Q: ate the Fragments-type app, -firstinitialLastnameFragmen ments as is done in the vide karound colors…

A: Ans: <style name="AppTheme"…

Q: When a text decoration is added to a div element, what happens? A) The decoration will be on…

A: Given that: When a text decoration is added to a div element, what happens? A) The decoration will…

Q: for thebody selector by specifying a background with a linear gradient that uses a direction of to…

A: the code is an given below :

Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…

A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…

Q: Design a web page by using div, h1, h2 and image elements as given below. Implement also the box…

A: Html code by using div, h1, h2, image elements <html><body><div style="border:4px…

Q: 3. Pick a motif and create your own design or pattern by applying isometries.

A: Solution :: Let's see first two things in this question that is first what is motif and what is…

Q: Write matab code to rotate an image by 90 degrees. Take image and dimensions of your choice and…

A: Write MATLAB code to rotate an image by 90 degrees. For sample output take image and its dimensions…

Q: Help me solve this task. Create a new style rule for the square class selector with the hover…

A: I attached your answer below. .square:hover{ transform: translate(80px); }

Q: Create a polygon cylinder and a polygon sphere. Using constrain to associate the sphere with the…

A: Create a polygon cylinder and a polygon sphere. Using constrain to associate the sphere with the…

Q: 3. You have an open map document that has ten layers including one named SEWERS that has a line…

A: Applications of the raster data model extend far beyond geographic information systems (GISs)..…

Q: You write using pens and mechanical pencils. Examine five pencils and pens' structure. Discuss the…

A: Pens and mechanical pencils are essential writing tools found virtually everywhere, from school…

Q: Using Elements, Attributes and Styles, Create your own Slam Book style page. You can use any design…

A: As specific programming approach is not mentioned, we are using C language to make slam book while…

Q: Should take screenshot of your step by step and explain 1- Using the Standard Frame Animation…

A: Once users turn to Animate mode, its Animation panel should appear. It shows the timeline including…

Q: In the case of a div element with text decoration, what occurs is as follows:

A: In the case of a div element with text-decoration, what occurs is as follows:

Q: The action Practice vertical and slowMoveVertical tactics first. Use the moveHorizontal command to…

A: Move Horizontal: A horizontal career move is when an individual moves laterally within their career,…

Q: Base the zooming concept, plotting N square shape with random coloras shown in figure. Make axes…

A: Requirements :- Solution : please see in step 2 where I had written MATLAB code with output

Q: Language: C++ Given: Main.cpp #include #include "Shape.h" using namespace std; void main() {…

A: First of all look at main() function its written #include "Shape.h" . It means it is referring to…

Q: Compose your own Cascading Style Sheets

A: Step 1:- CSS stands for Cascading style sheet. It is used to make the website or webpage attractive.…

Q: Please send me a bed mockup for me to insert my image of my merchandise "blanket" -I have…

A: Given that Please send me a bed mockup for me to insert my image of my merchandise "blanket" -I…

Q: Difference between Canvas and SVG elements

A: Difference between Canvas and SVG: 1. Canvas is resolution dependent but SVG is resolution…

Q: Add a page (page1- or use existing one), which fetches some information from your project’s database…

A: <script> /* Practice Assignment 2: Complete this javascript file according to the…

Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…

A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…

Q: Provide the object reference to the second element within the first web form. this is javascript…

A: Assuming here that form has main element having id “parentElement” so “children[0].children[1]” will…

Q: What can you use the plot's tight_layout() method for? Select an answer: to automatically adjust…

A: tight_layout() is a method of matplotlib.pyplot module of python. The syntax of tight_layout method…

Q: Give the page a background color, so the transparency shows. Hint: images with transparency are…

A: To create a website with a transparent backdrop, pick a background color and use an isolated…

Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…

A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…

Q: 2. Create your CV and apply the text-shadow property to create different shadows on section…

A: Code: <!DOCTYPE html><html><head><style>h3 { color: Black; text-shadow:…

Q: ESS Requirements Separate your style sheets into three /styles/colors.css /styles/formatting.css…

A: <!DOCTYPE html><html><head><style>input:required { background-color:…

Q: Code a small table that has a single column with three rows into an HTML page. Using CSS, set the…

A: In this question we have to design a layout in web with a table rows, event handling the mouse out…

Q: Explain the painter's algorithm calculation for the below image. Consider the entire image size is…

A: Answer: I have given answer in the brief explanation and also I have written painter's Algorithms.

Q: Develop standard calculator using HTML with minimum 6 operations. o Use math library to perform…

A: <html> <head> <script> //function that display value…

Q: Write a program that replaces the smallest and largest elements of a 30-element one-dimensional…

A: Iterate over the given array and find the smallest and largest Input replace value Iterate over the…

Q: have three versions of the image with the same height and width. All three versions are placed…

A: HTML is the hypertext markup languages that are describing the structure of the webpages.Html is…

Q: alloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an…

Q: Use media queries to create a responsive design for the menu shown in Figure 5–57. You will need to…

A: For the responsive design we generally use Bootstrap and javascript but we can also made resposive…

Q: a) Create a state space as by the provided movement rules at the begining of the question for your…

A: GIVEN: a) Create a state space as by the provided movement rules at the begining of the question…

Q: The manoeuvre The vertical and slow-move-vertical methods are the ones that need to be practised…

A: Launch: What precisely is meant by the phrase "horizontal career shift," and how should it be used…

Concept explainers

External Style Sheet

A separate style sheet file attached to an HTML web page is known as an external style sheet. The external style sheet can be used to declare all of the styles that will be used on a website. External style sheets are a significant tool for a web designer.

Question

Design a web page by using div, h1, h2 and image elements as given below. Implement also the box
model to set the image in proper way. All the design of elements should be implemented in internal
style sheet.
h1
Div
h2
Animal Pictúres
Кoala
Penguins
Div
Koalajpg
Penguins.jpg
Image

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 3

VIEW

Step by step

Solved in 3 steps with 2 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

Complete the following webpage assignment. Assignment Instructions: Design a webpage to simulate a Blog. The website must have a banner image and a featured image with multiple resolutions to be active at different resolution breakpoints just as discussed in this lesson. Include a jQuery script in your project to further enhance the user experience. Use one of the CDN libraries. The script is up to your discretion though you must be able to justify its use. The blog page must be aesthetically pleasing and follow a traditional blog structure. It may help to look at the many WordPress templates available on the net.
The action Practice vertical and slowMove Vertical tactics first. Use the moveHorizontal command to move the circle in your document 70 pixels to the left of where it is right now.
Create Wireframe for your Home Page and any interior pages that use a different template.. Submit the wireframe diagram or a jpg file done in GIMP or PhotoShop. If you use an online service such as Axure.com, submit a screen capture of your final diagram and link to you diagram. If you take screen captures, be sure to put each capture on a separate page of a word document so I can easily scroll through your different templates and see what you have
How do I get my code to match the requirements in the picture? * {box-sizing: border-box;} body {background-color: #3F2860;font-family: Verdana,Arial, sans-serif;color:#3F2860;margin: 0px;padding: 0px;} #wrapper {background-color:#F5F5F5;width:100%;min-width:0px;max-width : 1540px;margin-left : auto;margin-right : auto;margin: 0px;color:#3F2860;padding: 0px;} #main {margin-left:170px;padding-top:1em;padding-right:2em;Padding-left:1em;background-color:#F5F5F5;height: 500px;} h2{margin-top:0px;text-align: center;} p,h3{ text-align: center; } #nav{ float:left;height:500px;width:25%;position:relative;width:160px;padding:1em;} #hero { text-align: left; margin-left: 10%;} #ylp { float: center; background-repeat: no-repeat; background-position: right; height: 300px; width: 90%; margin-left: 1%;} #image {float:left;width:30%;position:relative;} span{ margin-left: 40px; font-size: small;} #des{ float: right; width: 70%; position: relative;} #mathero { height:…
Please help me with this 1. Make the body of the page have a background of tiled “waves.png” images. This image is in the images folder. 2. Add padding (10px) to the entire body of the page. 3. Add a top and bottom margin (10px) as well as padding (10px) to the each movie description. 4. Change the background of each movie description to white, and the background colour for the box enclosing the page content to the following RGB values: R = 246, G = 212, B = 212. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> Movie Recommendations</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header> <h1> Movie Recommendations </h1> <h2> Some Science Fiction Movies Worth Watching </h2> </header> <div class="movie"> <h2> Ghost in the Shell <span…
Create a two-pane Fragment layout where both fragments are generated and inserted programmatically into a layout at runtime. Have each Fragment take up 50% of the screen space, and use different colors for each Fragment.
Write short question A. If you want text to appear to the left of the selected image control on a Web form, you would need to click which button in thePosition dialog box?
Encoding the data with x-y channels, add both color and size to your graph, different color and size should represent different attributes of the data. Submit a screenshot of the graph and a screenshot of your code (commented properly).
this is what I have so far I need help with seperading the style sheet into three files:colors.cssformatting.csstransitions-animations.css and anythe else I may have missed <!DOCTYPE html><html> <head><title>Home Page</title><link rel="stylesheet" href="style.css"></head> <body><main><nav><a href="index.html">Home</a><a href="contact.html">Contact</a><a href="about.html">About</a></nav><h1>Welcome to my (about me) site</h1><picture><source media="(min-width:650px)" srcset="./images/me3-650.jpg"><source media="(min-width:465px)" srcset="./images/me3-465.jpg"><img src="./images/me3.JPG" alt="ME" style="width:auto;"></picture> <h3>HI there this is one of my favorite songs down below.</h3><iframe width="420"…
Add an onclick event handler that calls the content() function to the button element in the main section.