-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLab_Basic HTML Page_Kebte.html
116 lines (116 loc) · 3.78 KB
/
Lab_Basic HTML Page_Kebte.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lab: Basic HTML Page_Kebte</title>
</head>
<body>
<p>My HTML Notes</p>
<p>Week 1: Concepts 1 - 15 in Lesson 1 "Web and HTML from the intro to Web Development Part.</p>
<ul>
<li>Project: Animal Trading Cards</li>
<li>Topic: Design, Custom Image and Text</li>
<li>Career Topics: Self Discovery & Job identification part 1</li>
</ul>
<h4>What is a Markup?</h4><br>
Markup is text that has a <em>special meaning</em>. In other words, text that is designed to stand out and emphasized using html elements.
<br><br>
<p>Week 2: Concepts 16 – 43 in Lesson 1 The Web and HTML from the Intro to Web Development Part.</p>
<ul>
<li>Submit the Lab assignment Basic HTML Page</li>
<li>Project: Animal Trading Cards</li>
<li>Topics: Code Quality, CSS Classes, Separation of Concerns</li>
<li>Career Topics: Self Discovery & job identification part 2</li>
</ul>
<strong>1.19 Practice Headings</strong>
<h1>My HTML Notes</h1>
<p>This page is a collection of my awesome notes about HTML!</p>
<h2>The Web</h2>
<p>The Web (or World Wide Web) is a collection of documents and other files. Most of the documents are made using Hypertext Markup Language (HTML).</p>
<h2>What is HTML?</h2>
<p>HTML stands for <em>Hypertext Markup Language</em>. It's used to define the structure or layout of a web page.</p>
<br>
<strong>1.20 Practice elements</strong>
<h1>My Chemistry Notes</h1>
<p>
<strong>Molecule name:</strong> <em>Sulfur hexafluoride</em><br>
<strong>Molecular formula:</strong> SF<sub>6</sub><br>
<strong>Note:</strong> This gas has a much higher density than air. Basically the opposite of helium. <mark>Crazy!</mark>
</p>
<br>
<strong>1.24 Practice Lists</strong>
<ol>
<li>Learn HTML.</li>
<li>Learn CSS.</li>
<li>Learn Python.</li>
<li>Save the world.</li>
</ol>
<br>
<strong>1.27 Adding Nested Lists to Your Notes</strong>
<br>
<ul>
<li>Mammals
<ol type="A">
<li>Raccoons</li>
<li>Gorillas</li>
<li>Dolphins</li>
<li>Sifaka</li>
</ol>
<li>Reptiles
<ol type="1">
<li>Iguanas</li>
<li>Cobras</li>
<li>Wagler’s Sipo</li>
<li>Green Turtle</li>
</ol>
<li>Birds
<ol type="i">
<li>Ostriches</li>
<li>Ravens</li>
<li>Ciconiiformes</li>
<li>Sparrows</li>
</ol>
</ul>
<br>
<strong>1.28 Practice: Indentation</strong>
<p>Here is an example of a nested list:</p>
<ul>
<li>Mammals
<ol>
<li>Raccoons
<li>Gorillas
</ol>
<li>Reptiles
<ol>
<li>Iguanas
<li>Cobras
</ol>
<li>Birds
<ol>
<li>Ostriches
<li>Ravens
</ol>
</ul>
<p>Indentation can help show the nested structure of the elements.</p>
<p>It can also make the code <em>much</em> easier to read!</p>
<br>
<strong>1.30 Practice: Implied Close Tags</strong>
<p>This text is inside the <strong>first</strong> paragraph element.</p>
<p style="color: blue;">This text is inside the second paragraph element—and it's BLUE!.</p>
This text isn't inside<br>
any paragraph element ...<br>
...yet!
<p>This text is inside the third paragraph element.</p>
<br>
<strong>1.32 Links and the a Tag</strong>
<br>
<a href="https://github.com/">GitHub</a>
<br>
<a href="https://www.linkedin.com/in/adenkebte">Connect with me on LinkedIn</a>
<br>
<strong>1.34 Adding Images</strong>
<img src="https://fastly.picsum.photos/id/237/200/300.jpg?hmac=TmmQSbShHz9CdQm0NkEjx1Dyh_Y984R9LpNrpvH2D_U" alt="Puppy">
<br>
<strong>1.35 Files and Relative URLs</strong>
<img src="https://placebear.com/500/500" alt="Bashful bear">
</body>
</html>