Create a Tribute Page about someone you admire using HTML and Basic CSS. Incorporate the following features: 1. Heading Tag 2. An image with a 2 px solid border and 10px padding 3. Text that wraps around the image with a right-float and 15px padding 4. A time line using lists highlighting major milestones 5. Review Labs 2.1 and 2.2 before attempting this assignment.

Create a Tribute Page about someone you admire using HTML and Basic CSS. Incorporate the following features: 1. Heading Tag 2. An image with a 2 px solid border and 10px padding 3. Text that wraps around the image with a right-float and 15px padding 4. A time line using lists highlighting major milestones 5. Review Labs 2.1 and 2.2 before attempting this assignment.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter4: Graphic Design With Css: Creating A Graphic Design For A Genealogy website

Section: Chapter Questions

Problem 4CP4

See similar textbooks

Similar questions

Question 1: a) Modify this code like exactly as below pictures and make boxes big like picture below . How can you apply translate property in CSS on an image when the user b) b) hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image. Code: <!DOCTYPE html> <html> <body> <style> td{ border:1pxsolidblack; } td { border-collapse:collapse; } </style> <tablewidth="50%"> <tr> <tdcolspan='3'>1</td> <tdrowspan='3'>2</td> <tdcolspan='2'>3</td> <tdrowspan='2'>N</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> <tr> <tdcolspan='3'>9</td> <tdcolspan='2'>10</td> <td>N</td> </tr> <tr> <tdcolspan='7'>N</td> </tr> <tr> <td>N</td> <td>N</td>…
Hello, I am trying to make an image get big enough so that the image is nice and big but also the header is below the boxes. Can someone look at my code for my html and stylesheet, so that I can expand the image and get the footer image below the dividers. HTML: <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Flexbox Coding</title> <link rel="stylesheet" href="style.css"></head><body> <header class="header-image"> <img src="DoctorHeader.jpg" alt="Header Image"> </header> <div class="flex-container"> <div> <ul> <li><a href="Page1.html">Overview</a></li> <li><a href="Page2.html">The First Doctor</a></li> <li><a href="Page3.html">The Second Doctor</a></li> <li><a href="Page4.html">The Third…
Make a page that looks something like the picture attached below! Use your own monster, text, and colors, if you like. The monster picture needs a think border. Make sure there's space: Inside the warning box, between it and the text Outside the warning box, between it and the text Around the image border Full HTML page, as usual. Use a separate stylesheet. GIVE ALL CODES. I will upload to my server. thank you i will upvote.
I have some questions about HTML/CSS/JS theroy. 1. What can I "create Two style sheets" mean? Explain how please. 2. How do I "add logo or Anchor links" on A navigation bar? 3. What does "use columns horizontally and vertically in Style sheets" mean? 4. How do I "Add a button/link/other" using Javascript? 5. How do I "Add a textbox to page that allows a user to input a HEX color code"?
Create an HTML 5 web page 1, add a background color sky-blue, and name the page, “The Sky Is The Limit”. Add a Heading: LEARNER: Lesson Learned (ALL CAPS), add your full nameand Surname, Student Number, Module Code, Semester, Date, and Year in the text line. Also add a paragraph with a list of 05 positive points and five negative points reflecting on this module CS 101, (good and/or bad). Also, make a suggestion on how to improve. Create another page 2 using HTML 5, add background color to be light gray, insert two text boxes, all should be in the middle, the first one lable it Username and the second one Password, and add the following buttons, Clear and Log-in, add a link named Forgotten Password at the bottom, on a mouse click, a popup message/window saying “ Please contact the administrator for assistance!!! should appear. - Use JavaScript code to make text box 1 (Username) accept only text and text box 2 (Password) to accept a combination of both text and numbers.…
Find all textareas and paragraphs, and make a red border around them and set the border to red. HTML& CSS gives us structure and style JavaScript brings our webpage to life!! jQuery JavaScript Click to check the effect
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
Can you run this code, it dosen't work for me. To center the title "NJIT Credit Union" in the page, you can use the following HTML code:- <!DOCTYPE html><html> <head> <title>NJIT Credit Union</title> <style> /* Center the title */ h1 { text-align: center; } </style> </head> <body> <h1>NJIT Credit Union</h1>  </body></html> Step 3 To add a background color to the client, you can use the CSS background-color property. For example, to set the background color to light blue, you can use:- body { background-color: lightblue;} So the complete HTML code would be:- <!DOCTYPE html><html> <head> <title>NJIT Credit Union</title> <style> /* Center the title */ h1 { text-align: center; } /* Set the background color */ body {…
Create an HTML page with name yourname&ID.html and include thefollowing (After finishing it should like the image ): A <title> element. A <header> element with to headings inside it:o <h1>: Brown Examo <h2>: This is HTML and CSS Exam A <nav> element containing hyperlinks (Home, Examples, About Us, and Contact Us). A <div id="content"> element for the main content. The main content has two parts:o The first part contains a heading <h1>, an image and a dummy paragraph.o The second part contains a heading <h1>, a dummy paragraph, and a table. It finally contains a <footer> element: © Web page prepared by: [your name]
Write the whole HTML page from the DOCTYPE declaration to the closing HTML tag and include: A header element with the heading: "I love kitty cats" A navigation element including links to "Cat 1" and "Cat 2" which link to cat1.html and cat2.html respectively. A main element containing: a heading; a paragraph of lorem ipsum text; a 300px wide editorial image using this url: https://images.pexels.com/photos/45201/kitty-cat-kitten-pet-45201.jpegAnd this caption: "Cute kitty cat"; A footer element with the following content: "semantic html example with a cute kitty". Add internal CSS (and extra HTML if you need to) so that your page looks like the image below and: Use flexbox to make the nav items sit side-by-side; Make the image take up the whole width of its parent container, on all screen sizes; On screens wider than 820px only, use flexbox to make the image of the cat sit next to the written content in the main element; On screens wider than 1200px only, give…
hi i need help in html css. i need to copy the one picture on the left with black background as well as the justified center postition of the picture. my work is the one with wednesday. as you can see it has white background and the picture position is wrong. i have 1 index.html file and 2 css: style.css and utilities.css here is the source code // this is index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="stylesheet" href="css/style.css">  <link rel="shortcut icon" href="images/image1.jpg" />  <script src="https://kit.fontawesome.com/bd6a72777e.js" crossorigin="anonymous"></script>  <link…
Create another HTML File with YourNameReqgNoQ2.html (Add this step screen shot too). Also apply Inline CSS to all the following Tags Next, in the same Web Page, Write HTML Code to Open the HEC Web Site, NTS Web Site Define the following Terms (Web Server, Web Site, Web Page, Web Browser, Domain Name, Hosting, Five Features of Facebook)