<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML Refresher For Chris</title>
<!-- placing style here is considered 'internal css' and no external link is required-->
<!--Placing an external .css link along with an internal resulted in no external changes to #3 text. But identifying it within the internal .css worked just fine. Maybe try another "page" and style that one with only external? Leaving the external link within the style just to look at and remember-->
<style>
body{
background-color: darkgrey;
}
p{
color: White;
text-align: center;
}
article{
color: mediumvioletred;
text-align: left;
font-size: 40px;
padding: 5%;
}
Content{
color: black;
text-align: right;
font-size: 60px;
}
#p3{
color: deeppink;
}
#article3{
color: orangered;
}
#content3{
color: royalblue;
}
button{
background-color: blue;
color: white;
font-size: 20px;
}
<link rel="stylesheet" href="codingrefresher.css">
</style>
</head>
<body>
<p>Paragraph is here. With paragraph, you get padding between this and the next syntax.</p>
<article>Article is here. Article would require addition of padding to seperate from next syntax</article>
<content>Content is here. Cont may require padding, there is nothing under it at the moment though.</content>
<a href="http://www.i-chris.com"><button onclick="document.location='default.asp'">Click Me</button><a><!-- don't forget to build a portfolio page on the website, then re-link the button to that! -->
<p id="p3">Paragraph 3 is here. With paragraph, you get padding between this and the next syntax.</p>
<article id="article3">Article 3 is here. Article would require addition of padding to seperate from next syntax</article>
<content id="content3">Content 3 is here. Content may require padding, there is nothing under it at the moment though.</content>
</body>
<body> <!--adding this second body has clustered everything in the second body within eachother-->
<p2>Paragraph 2 is here. With paragraph, you get padding between this and the next syntax.</p2>
<article2>Article 2 is here. Article would require addition of padding to seperate from next syntax</article2>
<content2>Content 2 is here. Cont may require padding, there is nothing under it at the moment though.</content2>
</body>
</html>So unfortunately, adding the code here does nothing. Just allows you to see how messy it is at the moment. I will get a few more things figured out, then figure out where to create an actual portfolio, then make the button redirect there. I do apologize.
Discover more from To Forge A Man
Subscribe to get the latest posts sent to your email.
