Skip to content

solved day1 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

solved day1 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b7c765d
solved day1
Precious-Kefas Apr 16, 2024
284de56
solved day2
Precious-Kefas Apr 16, 2024
843d1f9
solved day3
Precious-Kefas Apr 17, 2024
0dbb80b
solved day4
Precious-Kefas Apr 17, 2024
343472b
solved day5
Precious-Kefas Apr 17, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions 01 - Basic HTML Page/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,21 @@
<html>
<head>
<title>1: Basic HTML Page with a heading and a paragraph</title>
<style>
p{
font-size: 40px;
}
</style>
</head>

<body>
<!-- Create a heading (H1) with the text "Welcome to 30 days of HTML" -->
<!-- Create a Paragraph tag with the text "My name is YOUR_NAME and I will complete 30 days of HTML." -->

<!-- answer -->
<main>
<h1>Welcome to 30 days of HTML</h1>
<p>My name is Precious Kefas and I will complete 30 days of HTML.</p>
</main>
</body>
</html>
11 changes: 11 additions & 0 deletions 02 - Add an Image to your HTML Page/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<style>
.img1{
width: 600px;
height: 100vh;
display: block;
margin: 0 auto; /* Center the image horizontally */
}
</style>
<title>2: Add an image to your HTML file</title>
</head>
<body>
<!-- Add an image (img) to your HTML page -->
<!-- Hint: first save the image in the project folder -->
<main>
<img src="./img.jpg" alt="image of FRIENDS" class="img1">
</main>
</body>
</html>
Binary file added 02 - Add an Image to your HTML Page/img.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 15 additions & 1 deletion 03 - Create a hyperlink to another website/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,23 @@
<html>
<head>
<title>03 - Create a hyperlink to another website</title>
<style>
body{
background-color: rgb(68, 133, 170);
}
</style>
</head>
<body>
<h3>This is a link to Google</h3>


<!-- Add a link tag[a] with a href to https://www.google.com -->


<!-- solution -->
<main>
<h3>This is a link to my Github</h3>
<a href="https://github.com/Precious-Kefas/30-days-of-html/tree/myBranch ">Go to Github</a>

</main>
</body>
</html>
16 changes: 16 additions & 0 deletions 04 - Add a list of items to your HTML page/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,26 @@
<html>
<head>
<title>04 - Add a list of items to your HTML page</title>
<style>
body{
background-color: aquamarine;
}
</style>
</head>
<body>
<!-- Add a new list of items [ul] to your HTML page. -->
<!-- Within the list, add at least three items [li], each with a different item. -->
<!-- Give your list items some content, such as the names of your favorite foods, hobbies, or books. -->
<main>
<ul>
<li>Yam and egg sauce</li>
<li>Writing books</li>
<li>Poetry</li>
<li>Reading books</li>
<li>Black</li>
<li>Introvert</li>
<li>the calm before the storm......</li>
</ul>
</main>
</body>
</html>
31 changes: 31 additions & 0 deletions 05 - Add a table to your HTML page/challenge.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,5 +13,36 @@
<!-- Within each [tr] tag, add at least two [td] tags to create table cells with some content. -->

<!-- READUP: https://www.w3schools.com/html/html_tables.asp -->

<!-- solution -->
<main>
<table>
<thead>
<tr>
<th>Authours</th>
<th>Cars</th>
<th>Footballers</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sidney Sheldoon</td>
<td> Toyota</td>
<td> Erlng Haaland</td>
<br>
</tr>
<tr>
<td> Lee Child</td>
<td>Ford</td>
<td>Arnold Trent</td>
</tr>
<tr>
<td> Buchi Emecheta</td>
<td> BMW</td>
<td>Luiz Diaz</td>
</tr>
</tbody>
</table>
</main>
</body>
</html>