You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.0 KiB
67 lines
2.0 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<!-- character encoding for the HTML document -->
|
|
<meta charset="UTF-8" />
|
|
|
|
<!-- the following meta tags for Search engine optimization(SEO)-->
|
|
<meta name="description" content="30 Days of HTML Challenge" />
|
|
<meta name="keywords" content="HTML, CSS, Web Development" />
|
|
<meta name="author" content="Asabeneh Yetayeh" />
|
|
<!-- base url https://www.30daysofreact.com -->
|
|
<base href=" https://www.30daysofreact.com" target="_blank" />
|
|
<!-- Goes to the task bar on the browser-->
|
|
<title>30 Days Of HTML</title>
|
|
<!-- to lik external css -->
|
|
|
|
<link rel="stylesheet" href="" />
|
|
<!-- inline styling is very tideous, we can also use internal style
|
|
we can use tag name, id or class to select an element. Id is unique and class is for a single or group of elements
|
|
|
|
When we select by id we use # followed by the id name and if we select by class name we use . followed by a class name.
|
|
|
|
-->
|
|
<style>
|
|
.letter {
|
|
font-size: 68px;
|
|
}
|
|
#letter-h {
|
|
color: #e34c26;
|
|
}
|
|
#letter-t {
|
|
color: #264de4;
|
|
}
|
|
#letter-m {
|
|
color: #f0db4f;
|
|
}
|
|
#letter-l {
|
|
color: #61dbfb;
|
|
}
|
|
</style>
|
|
<!-- The script tag allows to write JS code -->
|
|
<script>
|
|
console.log('Welcome to 30 Days of JavaScript')
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<span class="letter" id="letter-h">H</span>
|
|
<span class="letter" id="letter-t">T</span>
|
|
<span class="letter" id="letter-m">M</span>
|
|
<span class="letter" id="letter-l">L</span>
|
|
</header>
|
|
<main>
|
|
<section>
|
|
<h1 id="first-title">The Building Blocks of the web</h1>
|
|
<p>
|
|
There is not website without HTML. Learn HTML and build websites and
|
|
web applications
|
|
</p>
|
|
<a href="/course/30-days-of-htm.html">30 Days Of HTML</a>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<small>Copyright 2021 | Asabeneh Yetayeh</small>
|
|
</footer>
|
|
</body>
|
|
</html> |