what I have so far
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
<title>About me</title>
</head>
<body>
<h1>Josiah McSweeney</h1>
<div >
<div>
<h2>A bit about me</h2>
</div>
<p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper
</p>
<p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is
</p>
<div>
<h2>Stuff I like</h2>
</div>
</div>
<p>Here below are a couple of lists of all things I like these made between food, computers and other things </p>
<ul>
<li>video games</li>
<li>cheesecake</li>
<li>technology</li>
</ul>
<dl>
<dt>My moms name</dt>
<dd>Sharon</dd>
<dt>My dads name</dt>
<dd>Mike</dd>
</dl>
<img src="joe.jpg" alt="image here">
<div class="intro">
<footer>
<p>Author: Josiah McSweeney</p>
<p id="para1"><a href="332boyman@gmail.com">332boyman@gmail.com</a></p>
</footer>
</div>
</body>
</html>
The code for the external CSS file is given below.
Also, the output of the code is attached.
Trending nowThis is a popular solution!
Step by stepSolved in 3 steps with 1 images
- Improve my HTML and CSS Code to look like the picture: <!DOCTYPE html><html lang="en"><head> <title>Trillium Media Design</title><meta charset="utf-8"> <style> body { background-color: #e6e6fa; color: #191970; font-family: Arial, Verdana, sans-serif; } h1 { background-color: #191970; color: #e6e6fa; line-height: 200%; font-family: Georgia, "Times New Roman", serif; text-indent: 1em; text-shadow: 3px 3px 5px #CCCCCC; } h2 { background-color: #aeaed4; color: #191970; } font-family: Georgia, "Times New Roman", serif; text-align: center; } nav { font-weight: bold; font-size: 1.25em; word-spacing: 1em; } p { font-size: .90em; text-indent: 3em; } ul { font-weight: bold; } </style> </head> <body> <header> <h1>Trillium Media Design</h1> </header><nav> <a…arrow_forwardHow can inline style sheets override the formatting of an HTML document?arrow_forwardwhat I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…arrow_forward
- <DOCTYPE><html><heal><tite><meta>head><body> <p>Chapter 1, Analyze, Correct, Improve<dr> <P>HTML stands for Hyperlink Makes Learning fun.<p><p>You use presentation software to create HTML pages.</p<PHTML9 is the latest version of HTML.</p>HTML is rendered within the desktop of an operating system.</BODY>arrow_forward<!DOCTYPE html><html><head><title>ABOUT</title></head><body><main> <nav> <a href="home.html">Home</a> <a href="contact.html">Contact</a> <a href="about.html">About</a> </nav> <h1>About ME</h1> <picture> <source media="(min-width:650px)" srcset="lake-650.jpg"> <source media="(min-width:465px)" srcset="lake-465.jpg"> <img src="lake.jpg" alt="lake" style="width:auto;"> </picture> <p>Why hello there and welcome!.</p><p>Hello there my name is Josiah McSweeney and I am a computer engineering student I really enjoy working with computers and exploring what I'm able to do with them I am currently 22 years and I'm working towards getting my associate's degree In computer engineering.</p><p>My motto: is take your time do your best and you will always succeed.</p><div>…arrow_forwardWhat would the output be? <!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>Syntax in JavaScript</title> </head> <body> <h1>JavaScript Example</h1> <p>JavaScript is a case-sensitive language,Case -sensitive means lower and upper case letters are different.</p> <script src="js/myscript.js"></script> <script> alert("Welcome to javascript world"); </script> </body></html>arrow_forward
- what I have so far <!DOCTYPE html><html><head><link rel="stylesheet" href="mystyle.css"><title>About me</title></head><body> <h1>Josiah McSweeney</h1> <div ><div><h2>A bit about me</h2></div> <p>I'm a very open individual I like to chat maybe a little too much I love working with technology which is probably one of the biggest reasons why I'm here now and something that you may need to know about me is I have dysgraphia which is a medical condition and it makes it so I'm unable to write anything down on paper/write anything that could be read on paper</p> <p>Some other things to know about me are but I am very meticulous about any and all of my work but I'm not sure if this is because I'm responsible or because of my anxiety disorder which causes me to not forget about anything I really am not sure about this but I'm going to take it as is</p> <div><h2>Stuff I…arrow_forwardWhat is the html that result in the given text? Design Layout Structure 1)<u>Design</u><br /><br /><mark>Layout</mark><br /><br /> <em>Structure</em> <u>Design</u> 2)<mark>Layout</mark> <em>Structure</em> <mark>Design</mark><br />br /><u>Layout</u><br /><br /> 3)<u>Layout</u> <strong>structure</strong>arrow_forwardC2 Extend Your Knowledge: Updating a Webpage with Semantic Elements <!DOCTYPE html> <!-- Student Name: File Name: index.html Date: 04/14/2022 --> <html lang="en"> <head> <title>CH 2 Extend Your Knowledge</title> <meta charset="utf-8"> </head> <body> <div id="header"> <h1>Accessibility Guidelines</> </header> <div id="nav"> <p>Perceivable Operable Understandable Robust</p> </nav> <div id="main"> <p>Guidelines for Principle 1: Perceivable</p> <p>Guideline 1.1 provides an overview of text alternatives for non-text content, such as images, media, or controls.</p> <p>Guideline 1.2 provides an overview of alternatives for time-based media, such as providing captions or an audio description.</p> <p>Guideline 1.3 provides an overview for creating…arrow_forward
- Computer Networking: A Top-Down Approach (7th Edi...Computer EngineeringISBN:9780133594140Author:James Kurose, Keith RossPublisher:PEARSONComputer Organization and Design MIPS Edition, Fi...Computer EngineeringISBN:9780124077263Author:David A. Patterson, John L. HennessyPublisher:Elsevier ScienceNetwork+ Guide to Networks (MindTap Course List)Computer EngineeringISBN:9781337569330Author:Jill West, Tamara Dean, Jean AndrewsPublisher:Cengage Learning
- Concepts of Database ManagementComputer EngineeringISBN:9781337093422Author:Joy L. Starks, Philip J. Pratt, Mary Z. LastPublisher:Cengage LearningPrelude to ProgrammingComputer EngineeringISBN:9780133750423Author:VENIT, StewartPublisher:Pearson EducationSc Business Data Communications and Networking, T...Computer EngineeringISBN:9781119368830Author:FITZGERALDPublisher:WILEY