-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathclass_activity_3.html
More file actions
132 lines (116 loc) · 5.99 KB
/
class_activity_3.html
File metadata and controls
132 lines (116 loc) · 5.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!--
REVISION EXERCISE
1. Pick 5 of the tags already treated .
2. Create a simple website about your favorite book / story, and include those 5 tags in the HTML. (The page can have any other tags as well, as long as those 5 are included). This can take any form. You can get as complicated or as simple as you wish.
3. Add comments to each section of your code, explaining the purpose of that block.
4. use div, classes, id to style different section of your site
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Favorite Book</title>
<link rel="shortcut icon" href="image/html_favicon/icons8-html-color-32.png" type="image/x-icon">
<style>
body {
background-color: whitesmoke;
}
div {
background-color: cadetblue;
color: firebrick;
}
.teal-paragraph {
color: teal;
}
#footer {
background-color: black;
color: white;
}
</style>
</head>
<body>
<h1>Class Activity 3: Favorite Book</h1>
<p>Books are cool, especially this one! I'll be diving into the pages of my favorite book and sharing why it's a must-read. All while flexing my HTML muscles! 📚💪</p>
<h3>Class Activity Links</h3>
<a href="index.html">Home page</a> |
<a href="class_activity_1.html">Favorite Food</a> |
<a href="class_activity_2.html">Login Form</a> |
<a href="class_activity_3.html">Favorite Book</a> |
<a href="class_activity_4.html">Feedback Form</a> |
<a href="class_activity_5.html">Basic Calculator</a> |
<a href="class_activity_6.html">Html Multimedia</a> |
<a href="class_activity_7.html">Page Replicate</a> |
<a href="class_activity_8.html">Financial Webpage Replication</a> |
<a href="class_activity_9.html">Weekly Planner</a> |
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
<a href="class_activity_11.html">Revision 1</a> |
<a href="class_activity_12.html">Revision 2</a> |
<h3>Assignment Links</h3>
<a href="assignment_1.html">T-Shirt Signup Form</a> |
<a href="assignment_2.html">Kaduna Electric Form</a> |
<a href="assignment_3.html">Cable TV Packages</a> |
<h3>Project Preview Links</h3>
<a href="https://deliciousbytes.vercel.app/" target="_blank">Delicious Bytes Food Menu</a> |
<h1>My Favorite Book</h1>
<p>This activity is to identify 5 html tags that will be included in designing the site for <mark>my favorite
book</mark> - HTML, CSS, and JavaScript All in one for dummies 😊</p>
<!-- List of HTML tags used -->
<p>These tags are:</p>
<ol>
<li><code>mark: <mark></code></li>
<li><code>strong: <strong></code></li>
<li><code>code: <code></code></li>
<li><code>bold: <b></code></li>
<li><code>italic: <i></code></li>
</ol>
<!-- About My Favorite Book -->
<h3>About the Book</h3>
<img src="image/html-css-javascript-all-in-one-for-dummies-9781394164684.jpg"
alt="HTML CSS and JavaScript for Dummies">
<p class="teal-paragraph">
Looking to start an exciting <strong>new career</strong> in front-end web building and design? Or maybe you just
want to develop
a new skill and create websites for fun. Whatever your reasons, it’s never been easier to start learning how to
build websites from scratch than with help from HTML, CSS, & JavaScript All-in-One For Dummies. This book has
the essentials you need to wrap your head around the key ingredients of website design and creation.
</p>
<p class="teal-paragraph">
You’ll learn to build attractive, useful, and easy-to-navigate websites by combining HTML, CSS, and JavaScript
into fun and practical creations. Using the 6 books compiled within this comprehensive collection, you’ll
discover how to make static and dynamic websites, complete with intuitive layouts and cool animations.
<p class="teal-paragraph">
The book
also includes: Incorporate the latest approaches to HTML, CSS, and JavaScript, including those involving new
markup, page
styles, interactivity, and more Step-by-step instructions for new site creators explaining the very basics of
page layouts and animations Easy-to-follow advice for adjusting page color and background, adding widgets to a
site, and getting rid of all the bugs that affect site performance
discover how to make static and dynamic websites, complete with intuitive layouts and cool animations. </p>
</p>
<p class="teal-paragraph">Web development is a fun, interesting, and challenging skill that can lead to a lucrative
career (if you’re so
inclined). And with the right help, almost anyone can learn to create engaging websites from scratch. So, grab a
copy of HTML, CSS, & JavaScript All-in-One For Dummies and you’ll be designing and building before you know it!
</p>
<!-- Book Description -->
<h3>Book Description</h3>
<div>
<p><b>HTML, CSS, and JavaScript All in One For Dummies</b> is a comprehensive guide to web development. Whether
you
are a beginner or an experienced developer, this book covers all you need to know to get started with web
development.</p>
<p>The book includes examples and exercises to help you practice and <i>master</i> the skills needed to build
modern
websites. It covers HTML for structuring your content, CSS for styling it, and JavaScript for adding
interactivity.</p>
<p>If you are serious about learning web development, this book is a must-have in your library. It is
well-written,
easy to understand, and filled with practical advice.</p>
</div>
<!-- Footer section -->
<footer id="footer">
<p>© 2024 My Favorite Book Website</p>
</footer>
</body>
</html>