Created
June 24, 2019 21:58
-
-
Save jordangarcia/d71043e7c7640a22933e633070b51bdf to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.title { | |
font-family: arial; | |
font-size: 46px; | |
font-weight: normal; | |
} | |
body { | |
background-color: #f7f8f9; | |
padding: 30px; | |
} | |
h2 { | |
font-family: arial; | |
font-size: 32px; | |
font-weight: normal; | |
} | |
p { | |
font-family: Roboto; | |
font-size: 14px; | |
} | |
.special-h2 { | |
color: red; | |
font-size: 56px; | |
} | |
.class1.class3 { | |
/* color: rgb(0, 255, 0); */ | |
/* color: #00FF00; */ | |
} | |
.special-h2 > span { | |
background-color: #efaa43; | |
} | |
.change-hover-color:hover { | |
background-color: skyblue; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8" /> | |
<title>Horizon's first webpage</title> | |
<link rel="stylesheet" type="text/css" href="style.css" /> | |
</head> | |
<body> | |
<div style="background-color: white; padding: 30px 50px; border: 1px solid #cbcbcb;"> | |
<h1 class="title first-element"> | |
Let's learn HTML | |
</h1> | |
<h2> | |
Why is HTML an important language? | |
</h2> | |
<p> | |
<strong>HTML</strong> and CSS are the basic programming languages for | |
web development and design. ... Learning <strong>HTML</strong> can be | |
used for situations like formatting a blog or email, working with a CMS, | |
embedding external content on your site, and creating usable content. | |
</p> | |
<h2 class="class1 class2 class3" id="my-header"> | |
Different kinds of HTML tags | |
</h2> | |
<ul> | |
<li> | |
Unordered lists <ul> | |
</li> | |
<li> | |
Paragraphs <p> | |
</li> | |
<li> | |
Headings <h1> <h2> <h3> | |
</li> | |
</ul> | |
<h2 class="special-h2"> | |
<span> | |
Different kinds of HTML tags | |
</span> | |
</h2> | |
<ol> | |
<li>Font</li> | |
<li>Font size</li> | |
<li>color</li> | |
<li>fotn weight / style - bold or italic</li> | |
<li>etc</li> | |
</ol> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment