Skip to content

Commit e61b6ba

Browse files
Pratikpatil116Pratikpatil116
authored
Add files via upload
HTML Notes
1 parent 7810473 commit e61b6ba

28 files changed

+2803
-0
lines changed

‎HTML notes/HTML Notes/Chapter 0/cwh.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
11+
</body>
12+
</html>

‎HTML notes/HTML Notes/Chapter 0/html_course_chapter_0.pdf

1.34 MB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 0/this.txt

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
this is some content on this file

‎HTML notes/HTML Notes/Chapter 1/html_course_chapter1_.pdf

1.29 MB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 1/html_course_chapter_1_practice_set.pdf

559 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 1/index.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Harrys website</title>
8+
</head>
9+
<body>
10+
<!-- This heading will be changed in future -->
11+
<h1>This is a heading</h1>
12+
<!-- Improve below paragraph -->
13+
<p>this is a paragraph</p>
14+
<p>lorem300</p>
15+
</body>
16+
</html>

‎HTML notes/HTML Notes/Chapter 1/notepad.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Harrys website</title>
8+
</head>
9+
<body>
10+
<!-- This heading will be changed in future -->
11+
<h1>This is a heading</h1>
12+
<!-- Improve below paragraph -->
13+
<p>this is a paragraph</p>
14+
<p>lorem300</p>
15+
</body>
16+
</html>

‎HTML notes/HTML Notes/Chapter 1/practice.html

+2,403
Large diffs are not rendered by default.

‎HTML notes/HTML Notes/Chapter 2/about.html

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>About</title>
8+
</head>
9+
<body>
10+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia, totam incidunt doloremque aliquid ut quibusdam sequi odio? Modi, tempore doloribus. Minima repellendus numquam facilis dignissimos! Laboriosam velit, repellat officiis error alias quae expedita temporibus consectetur autem labore perferendis a dolorum, rerum est. Deserunt, corrupti id?
11+
This is about
12+
</p>
13+
</body>
14+
</html>

‎HTML notes/HTML Notes/Chapter 2/html_course_chapter_2.pdf

2.51 MB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 2/html_course_chapter_2_practice.pdf

881 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 2/image.jfif

279 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 2/index.html

+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
<!-- Heading and paragraphs -->
11+
<h1>Books to Read</h1>
12+
<h2>Books to Read</h2>
13+
<h3>Books to Read</h3>
14+
<h4>Books to Read</h4>
15+
<h5>Books to Read</h5>
16+
<h6>Books to Read</h6>
17+
<p>There are a lot of books to read for you</p>
18+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi adipisci, quos nostrum hic numquam placeat a atque quis assumenda consectetur id illo soluta at corrupti perspiciatis repellat, minus obcaecati. Officiis pariatur rerum dolor esse.</p>
19+
<hr>
20+
<!-- Example of absolute link -->
21+
<a href='https://codewithharry.com'>Click here to go to Harrys webiste</a>
22+
<!-- Example of relative link -->
23+
<a href="/about.html">Go to about</a>
24+
<hr>
25+
<!-- Image tag -->
26+
<!-- <img src="https://images.unsplash.com/photo-1503023345310-bd7c1de61c7d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1301&q=80" alt="Human Image"> -->
27+
<img src="/image.jfif" alt="Human Image" width="121px">
28+
<hr>
29+
<!-- bold italic and underline tags -->
30+
<b>This is bold
31+
32+
</b>
33+
<br>
34+
<i>This is italic
35+
36+
37+
38+
39+
40+
</i>
41+
<br>
42+
<u>This is underline</u>
43+
<u>This is underline2</u>
44+
45+
<big>This is big</big>
46+
<small>This is small</small>
47+
48+
<!-- Subscript and superscript -->
49+
<p>CO<sub>2</sub></p>
50+
<p>ax<sup>2</sup> + bx + c</p>
51+
<pre>
52+
This means that:
53+
54+
sys.getfilesystemencoding() returns 'UTF-8' (the locale encoding is ignored).
55+
56+
57+
58+
59+
60+
locale.getpreferredencoding() returns 'UTF-8' (the locale encoding is ignored, and the function’s do_setlocale parameter has no effect).
61+
62+
sys.stdin, sys.stdout, and sys.stderr all use UTF-8 as their text encoding, with the surrogateescape error handler being enabled for sys.stdin and sys.stdout (sys.stderr continues to use backslashreplace as it does in the default locale-aware mode)
63+
</pre>
64+
</body>
65+
</html>

‎HTML notes/HTML Notes/Chapter 2/ps.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Chapter 2 - Practice set</title>
8+
</head>
9+
<body>
10+
<h1>Mountains</h1>
11+
<h2>Why Mountains</h2>
12+
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptatibus quas explicabo suscipit eos officia inventore ea pariatur quo placeat modi quasi rem distinctio, doloribus consequuntur voluptate velit tenetur optio illum. Blanditiis, repellendus debitis. Nobis, accusantium! Autem beatae maxime ipsam architecto pariatur necessitatibus ullam. Officia, eligendi.</p>
13+
<h3>The main reason</h3>
14+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut repudiandae quod aliquid totam beatae, voluptate nam placeat nulla atque, maiores eum pariatur itaque delectus qui voluptas id porro. Deserunt saepe ullam labore consequatur aliquid, nulla temporibus quam hic cupiditate. Deserunt praesentium voluptas laboriosam delectus reprehenderit.</p>
15+
<p>C + O<sub>2</sub> &rarr; CO<sub>2</sub></p>
16+
</body>
17+
</html>

‎HTML notes/HTML Notes/Chapter 3/chapter3ps.html

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>My Favorite sites</title>
8+
</head>
9+
<body>
10+
<header>
11+
<ul>
12+
<li>Home</li>
13+
<li>About</li>
14+
</ul>
15+
</header>
16+
<main>
17+
<section>
18+
<a href="https://codewithharry.com" target="_blank">Open CodeWithHarry</a><br>
19+
<a href="https://google.com" target="_blank">Open Google</a><br>
20+
<a href="https://facebook.com" target="_blank">Open Facebook</a><br>
21+
<a href="https://yahoo.com" target="_blank">Open Yahoo</a><br>
22+
<a href="https://wikipedia.com" target="_blank">Open Wikipedia</a><br>
23+
</section>
24+
<section></section>
25+
26+
<aside>
27+
<div></div>
28+
</aside>
29+
30+
</main>
31+
<footer>
32+
33+
</footer>
34+
</body>
35+
</html>

‎HTML notes/HTML Notes/Chapter 3/html_course_chapter_3.pdf

1.71 MB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 3/html_course_chapter_practice.pdf

253 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 3/img/cwh.jfif

279 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 3/index.html

+54
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Chapter 3</title>
8+
</head>
9+
<body>
10+
<header>
11+
<nav>
12+
Home
13+
About
14+
</nav>
15+
</header>
16+
<main>
17+
<!-- <p>This is the main content</p> -->
18+
<section>
19+
<a href="https://codewithharry.com" target="_main">
20+
<img src="img/cwh.jfif" alt="Harry's website" height="34">
21+
</a>
22+
</section>
23+
24+
<section>
25+
<div>
26+
<h1>Why love HTML</h1>
27+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero laudantium commodi quasi voluptatum doloribus, assumenda quia suscipit vitae iste ducimus accusamus ut rerum expedita nemo, odio aliquid? Harum eveniet ex tenetur, doloribus temporibus itaque.</p>
28+
</div>
29+
<!-- div is an example of block element -->
30+
<div>
31+
<h1>Why use bootstrap</h1>
32+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa soluta doloribus minus.</p>
33+
</div>
34+
<!-- span is an example of inline element -->
35+
<span>
36+
I am a span tag
37+
</span>
38+
<span>
39+
I am another span
40+
</span>
41+
</section>
42+
</main>
43+
<footer>
44+
This is footer
45+
</footer>
46+
</body>
47+
</html>
48+
49+
<!-- Block Elements -->
50+
<!--
51+
<address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure><footer><form><h1>-<h6><header><hr><li><main><nav><noscript><ol><p><pre><section><table><tfoot><ul><video></video> -->
52+
53+
<!-- Inline Elements -->
54+
<!-- <a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var> -->

‎HTML notes/HTML Notes/Chapter 4/form.html

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Form</title>
9+
</head>
10+
11+
<body>
12+
<div>
13+
<h1>Travel Form for our trip</h1>
14+
<form action="form.php">
15+
<input type="text" placeholder="Enter Your Name"><br>
16+
<label for="sectionida">
17+
<input type="radio" value="Section a" name="section" id="sectionida"> Section A
18+
</label>
19+
<label for="sectionidb">
20+
<input type="radio" value="Section b" name="section" id="sectionidb"> Section B
21+
</label>
22+
<label for="sectionidc">
23+
<input type="radio" value="Section c" name="section" id="sectionidc" class="red blue"> Section C
24+
</label><br>
25+
<input type="checkbox" id="foodcanteen" class="red" name="canteen">
26+
<label for="foodcanteen">Want Food Canteen card</label><br>
27+
<!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input -->
28+
<textarea name="explain" id="explain" cols="30" rows="10" placeholder="Explain why you want to join "></textarea>
29+
<select name="car" id="car">
30+
31+
<option value="no-car">Select your car</option>
32+
<option value="onmi">Omni</option>
33+
<option value="omni2">Omni2</option>
34+
<option value="dzire">Dzire</option>
35+
<option value="i10">i10</option>
36+
<option value="i20">i20</option>
37+
</select>
38+
</form>
39+
</div>
40+
</body>
41+
42+
</html>

‎HTML notes/HTML Notes/Chapter 4/html_course_chapter_4.pdf

2.28 MB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 4/html_course_chapter_4_practice.pdf

711 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 4/list.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>HTML List</title>
8+
</head>
9+
<body>
10+
<ul type="circle">
11+
<li>Home</li>
12+
<li>About</li>
13+
<li>Services</li>
14+
<li>Contact</li>
15+
</ul>
16+
<ol type="i">
17+
<li>Home</li>
18+
<li>About</li>
19+
<li>Services</li>
20+
<li>Contact</li>
21+
</ol>
22+
</body>
23+
</html>

‎HTML notes/HTML Notes/Chapter 4/table.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Table</title>
9+
</head>
10+
11+
<body>
12+
<div>
13+
<table>
14+
<caption>Max Scores by different players in FauG</caption>
15+
<thead>
16+
<tr>
17+
<th>S.No</th>
18+
<!-- <th>Player Name</th> -->
19+
<th colspan="3">Max Score</th>
20+
<!-- <th>Game</th> -->
21+
</tr>
22+
<tr>
23+
<td>1</td>
24+
<td>Sachin</td>
25+
<td>123</td>
26+
<td>FauG</td>
27+
</tr>
28+
</thead>
29+
<tbody>
30+
<tr>
31+
<td>2</td>
32+
<td>Rahul</td>
33+
<td>123</td>
34+
<td>FauG</td>
35+
</tr>
36+
<tr>
37+
<td>3</td>
38+
<td>Virat</td>
39+
<td>543</td>
40+
<td>FauG</td>
41+
</tr>
42+
<tr>
43+
<td>4</td>
44+
<td>Shardul</td>
45+
<td>34</td>
46+
<td>FauG</td>
47+
</tr>
48+
</tbody>
49+
</table>
50+
</div>
51+
</body>
52+
53+
</html>

‎HTML notes/HTML Notes/Chapter 4/video.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Video</title>
8+
</head>
9+
<body>
10+
<div>
11+
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/9-GSIN8s5Eo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br> -->
12+
<!-- <iframe src="https://www.google.com" frameborder="0" width="892px"></iframe> -->
13+
14+
<video src="vid.mp4" controls autoplay loop width="523px"></video>
15+
</div>
16+
</body>
17+
</html>

‎HTML notes/HTML Notes/Chapter 5/favicon.ico

15 KB
Binary file not shown.

‎HTML notes/HTML Notes/Chapter 5/html_course_chapter_5.pdf

1.39 MB
Binary file not shown.

0 commit comments

Comments
 (0)