├── week1
    ├── Assignment1
    │   └── index.html
    ├── Assignment3
    │   └── index.html
    ├── Assignment2
    │   └── index.html
    └── Assignment4
    │   └── index.html
├── desktop.ini
├── week6
    └── Assignment1
    │   ├── Assignment query string.JPG
    │   └── index.html
├── week2
    ├── Assignment5
    │   └── index.html
    ├── Assignment3
    │   └── index.html
    ├── Assignment4
    │   └── index.html
    ├── Assignment2
    │   └── index.html
    ├── Assignment1
    │   └── index.html
    └── Assignment6
    │   └── index.html
├── week5
    ├── Assignment1
    │   └── index.html
    ├── Assignment3
    │   └── index.html
    ├── Assignment4
    │   └── index.html
    └── Assignment2
    │   └── index.html
├── week8
    ├── Assignment4
    │   └── index.html
    ├── Assignment3
    │   └── index.html
    ├── Assignment1
    │   └── index.html
    └── Assignment2
    │   └── index.html
├── index.html
├── week3
    ├── Assignment4
    │   └── index.html
    ├── Assignment3
    │   └── index.html
    ├── Assignment2
    │   └── index.html
    └── Assignment1
    │   └── index.html
├── week9
    ├── Assignment1
    │   └── index.html
    └── Assignment2
    │   └── index.html
├── week7
    ├── Assignment1
    │   └── index.html
    ├── Assignment2
    │   └── index.html
    └── Assignment3
    │   └── index.html
├── week4
    ├── Assignment2
    │   └── index.html
    ├── Assignment3
    │   └── index3.html
    └── Assignment1
    │   └── index.html
└── README.md


/week1/Assignment1/index.html:
--------------------------------------------------------------------------------
1 | HTML = Hyper Text Markup Language


--------------------------------------------------------------------------------
/desktop.ini:
--------------------------------------------------------------------------------
1 | [.ShellClassInfo]
2 | IconResource=D:\Google Downloads\html.ico,0
3 | [ViewState]
4 | Mode=
5 | Vid=
6 | FolderType=Generic
7 | 


--------------------------------------------------------------------------------
/week6/Assignment1/Assignment query string.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/HalemoGPA/Learn-HTML/HEAD/week6/Assignment1/Assignment query string.JPG


--------------------------------------------------------------------------------
/week2/Assignment5/index.html:
--------------------------------------------------------------------------------
 1 | <!--
 2 | title : Global
 3 | href : Not global
 4 | src : Not global
 5 | hidden : GLobal
 6 | charset : Not global
 7 | class : Global
 8 | id : Global
 9 | type : Not global
10 | -->


--------------------------------------------------------------------------------
/week1/Assignment3/index.html:
--------------------------------------------------------------------------------
1 | هل ما يتم كتابته داخل ال Head يظهر داخل الصفحة أم لا؟
2 | NO 
3 | هل عنصر Title له قفلة أم لا ؟
4 | Yes
5 | هل عنصر Meta له قفلة أم لا ؟
6 | NO
7 | هل ما يتم وضعه داخل ال Description في عنصر ال Meta يظهر في الصفحة أم لا ؟
8 | NO


--------------------------------------------------------------------------------
/week2/Assignment3/index.html:
--------------------------------------------------------------------------------
1 | <!-- هل هناك إختلاف بين هذه العناصر عندما يتم إظهارهم في الصفحة أم لا ؟ -->
2 | <p class=element hidden>Welcome To The New World</p>
3 | <p class="element" hidden>Welcome To The New World</p>
4 | <!-- No difference between them -->


--------------------------------------------------------------------------------
/week2/Assignment4/index.html:
--------------------------------------------------------------------------------
 1 | <!-- هل هذه العناصر سوف تظهر كلها بنفس الشكل أم لا ؟ -->
 2 | <p>Hello World</p>
 3 | 
 4 | <p>
 5 | Hello World
 6 | </p>
 7 | 
 8 | <p>
 9 | Hello
10 | World
11 | </p>
12 | 
13 | <p>
14 | Hello
15 | 
16 | 
17 | World
18 | </p>
19 | <!-- They will appear identical -->


--------------------------------------------------------------------------------
/week2/Assignment2/index.html:
--------------------------------------------------------------------------------
1 | <!-- هل هناك إختلاف بين هذه العناصر عندما يتم إظهارهم في الصفحة أم لا ؟ -->
2 | <p class="element">Welcome To The New World</p>
3 | <p class='element'>Welcome To The New World</p>
4 | <p class=element>Welcome To The New World</p>
5 | <!-- NO difference between these three elements -->


--------------------------------------------------------------------------------
/week5/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 | Header Found
 3 | Nav Found 
 4 | Main Found
 5 | Aside Found
 6 | Picture Found
 7 | Figure Found
 8 | Footer Found
 9 | FigCaption Found
10 | Section Found
11 | Command (Not Found)
12 | Ruby Found
13 | Data Found
14 | Article Found
15 | Install (Not Found)
16 | Text (Not Found)
17 | -->


--------------------------------------------------------------------------------
/week1/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <meta name="description" content="This Is Description For My First Page">
 4 |         <style></style>
 5 |         <script></script>
 6 |         <link rel="stylesheet" href="">
 7 |     </head>
 8 |     <body>
 9 |         This Is My First Page
10 |     </body>
11 | </html>


--------------------------------------------------------------------------------
/week8/Assignment4/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>Document</title>
 6 |         <meta name="description" content="There is awesome discount here">
 7 |     </head>
 8 |     <body>
 9 |         <iframe src="https://elzero.org/" width="100%" height="400px"></iframe>
10 |     </body>
11 | </html>


--------------------------------------------------------------------------------
/week8/Assignment3/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>Document</title>
 6 |         <meta name="description" content="There is awesome discount here">
 7 |     </head>
 8 |     <body>
 9 |         <pre>
10 |             Hello Line One
11 |             Hello Line Two
12 |             Hello Line Three
13 |                   Hello Line Four
14 |         </pre>
15 |     </body>
16 | </html>


--------------------------------------------------------------------------------
/week1/Assignment4/index.html:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <!-- description of the page  -->
 4 |         <meta name = "description" content="this is description">
 5 |         <!-- symbols support like arabic letters -->
 6 |         <meta charset="UTF-8">
 7 |         <!-- if there is copyright content in your page -->
 8 |         <meta name="copyright" content="Halemo GPA" >
 9 |         <!-- the author of an article -->
10 |         <meta name="author" content="Halemo GPA">
11 | 
12 |     </head>
13 |     <body>
14 |         
15 |     </body>
16 | </html>


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 |     <meta name="description" content="There is awesome discount here">
 7 | </head>
 8 | <body>
 9 |     <div role="checkbox" aria-checked="true" tabindex="0" aria-labelledby="plan1">Plan One</div>
10 |     <label id="plan1">plan one label</label>
11 |     <div role="checkbox" tabindex="2" aria-labelledby="plan2">Plan Two</div>
12 |     <div role="checkbox" tabindex="1" aria-labelledby="plan3">Plan Three</div>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/week2/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!-- ما هو ال السطر الذي يتم كتابته لتخبر المتصفح أن إصدار اللغة المستخدم في إنشاء الصفحة هو HTML5 ؟ -->
 2 | <!Doctype HTML>
 3 | 
 4 | <!-- ما هو ال Rendering Mode الذي سوف يتبعه المتصفح إذا لم تكتب السطر الخاص بتحديد الإصدار ؟ -->
 5 | Quirks mode
 6 | 
 7 | <!-- هل من السليم إستخدام أكثر من h1 في الصفحة جاوب بنعم أو لا ؟-->
 8 | No
 9 | 
10 | <!-- لديك عنصر يحتوي على بيانات المنتج وعنوان المنتج مكتوب ب h3 هل من المنطقي وضع عنوان h2 داخل نفس المنتج أم لا؟ -->
11 | No
12 | <!-- إلى ماذا ترمز العناصر h1, h2, h3, h4, h5, h6 -->
13 | Heading tags


--------------------------------------------------------------------------------
/week5/Assignment3/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="description" content="Find the best discount for you here">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <audio autoplay loop controls>
10 |         <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
11 |         <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.ogg" type="audio/ogg">
12 |         <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mkv" type="audio/mkv">
13 |         Your browser does not support the audio element.
14 |     </audio>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/week3/Assignment4/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Assignment 4 </title>
 7 | </head>
 8 | <body>
 9 | 
10 |     <ul>
11 |         <div>Learn Programming
12 |             <ul>
13 |                 <div>Learn Computer Science</div>
14 |                 <div>Learn Database</div>
15 |             </ul>
16 |         </div>
17 |         <div>Design
18 |             <ul>
19 |                 <div>Learn Graphics</div>
20 |                 <div>Learn Sketching</div>
21 |             </ul>
22 |         </div>
23 |     </ul>
24 | 
25 | 
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/week3/Assignment3/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Assignment 3 </title>
 7 | </head>
 8 | <body>
 9 |        <!-- Go To External Link -->
10 | <a href="https://google.com">Google</a>
11 | <a href="https://facebook.com">Facebook</a>
12 | <a href="https://linkedin.com">Linkedin</a>
13 | <a href="https://twitter.com">Twitter</a>
14 | <a href="https://github.com">GitHub</a>
15 | <a href="https://youtube.com">YouTube</a>
16 | <a href="https://instagram.com">Instagram</a>
17 | <a href="https://stackoverflow.com">Stack Overflow</a>
18 |  
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/week9/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!-- ما هو العنصر المناسب لوضعه داخل النموذج لإرسال البيانات عند الضغط عليه ؟ -->
 2 | submit
 3 | <!-- ما هو العنصر المناسب ليكون عنوان للصفحة كاملة؟ -->
 4 | h1
 5 | <!-- ما هو العنصر المناسب ليكون عنوان لقسم داخل الصفحة؟ -->
 6 | h2 
 7 | <!-- ما هو العنصر المناسب ليحتوي على فقرة نصية؟ -->
 8 | p 
 9 | <!-- كيف تحدد لغة المحتوى الخاص بصفحتك. يمكنك كتابة العنصر الكامل مع ال Attributes الخاصة بتحديد اللغة -->
10 | <meta charset="UTF-8">
11 | <!-- في عالم ال Accessibility هل الأفضل أن أكتب 10 – 20 أم 10 To 20 -->
12 | 10 to 20
13 | <!-- إذا كان لديك عنصر Div وتريد الوصول إليه عن الطريق الضغط على ال Tab Button ماذا سوف تفعل في العنصر ؟ -->
14 | tabindex="0" <!--(ممكن رقم غير ال0) -->
15 | (ARIA) is short for Accessible Rich Internet Applications 


--------------------------------------------------------------------------------
/week9/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>Document</title>
 6 |         <meta name="description" content="There is awesome discount here">
 7 |     </head>
 8 |     <body>
 9 |         <div class="choose-skill">
10 |             <div class="skill" aria-labelledby="python" tabindex="0" role="checkbox" aria-checked="true">Python</div>
11 |             <label id="python">Skill One</label>
12 |             <div class="skill" aria-labelledby="php" tabindex="1" role="checkbox">PHP</div>
13 |             <label id="php">Skill Two</label>
14 |             <div class="skill" aria-labelledby="javascript" tabindex="2" role="checkbox">JavaScript</div>
15 |             <label id="javascript">Skill Three</label>
16 |         </div>
17 |     </body>
18 | </html>


--------------------------------------------------------------------------------
/week5/Assignment4/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="description" content="Find the best discount for you here">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <video autoplay muted controls poster="https://github.com/TheDudeThatCode/TheDudeThatCode/blob/master/Assets/Developer.gif">
10 |         <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
11 |         <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
12 |         <source src="https://www.w3schools.com/html/mov_bbb.mkv" type="video/mkv">
13 |         Your browser does not support HTML5 video.
14 |         <track kind="captions" src="captions.vtt"  label="English"></track>
15 |         <track kind="captions" src="captions.vtt"  label="italian"></track>
16 |     </video>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/week8/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>Document</title>
 6 |         <meta name="description" content="There is awesome discount here">
 7 |     </head>
 8 |     <body>
 9 |         <form action="" target="_blank" novalidate>
10 |             <label for="search-word">Search</label><br> <br>
11 |             <input type="search" name="" id="search-word" placeholder="Enter A Search Word" autofocus><br><br>
12 |             <label for="file">Upload</label><br><br>
13 |             <input type="file" name="" id="file"><br><br>
14 |             <label for="url">Url</label><br><br>
15 |             <input type="url" name="" id="url" required><br><br>
16 |             <input type="reset" value="Empty">
17 |             <input type="submit" value="Submit">
18 |         </form>
19 |     </body>
20 | </html>


--------------------------------------------------------------------------------
/week3/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Nested List Example</title>
 7 | </head>
 8 | <body>
 9 |     <ul>
10 |         <li>One
11 |             <ul type="A">
12 |                 <li>C. C</li>
13 |                 <li>D. D</li>
14 |                 <li>E. E</li>
15 |             </ul>
16 |         </li>
17 |         <li>Two
18 |             <ol type="I">
19 |                 <li>III. 3</li>
20 |                 <li>IV. 4</li>
21 |                 <li>V. 5</li>
22 |             </ol>
23 |         </li>
24 |         <li>Three
25 |             <ul type="a">
26 |                 <li>d. d</li>
27 |                 <li>c. c</li>
28 |                 <li>b. b</li>
29 |             </ul>
30 |         </li>
31 |     </ul>
32 | </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/week7/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 |     <meta name="description" content="page">
 7 | </head>
 8 | <body>
 9 |     <form action="" method="get">
10 |         <div>
11 |             <label>Username</label>
12 |             <input type="text" name="username" autofocus minlength="5" maxlength="20" required>
13 |         </div><br>
14 |         <div>
15 |             <label>Email</label>
16 |             <input type="email" name="email" readonly value="o@o.com">
17 |         </div><br>
18 |         <div>
19 |             <label hidden>Token</label>
20 |             <input type="text" name="token" hidden value="b92f1fc2fce391ad7af633723afd3055">
21 |         </div><br>
22 |         <input type="reset" value="Empty"><br><br>
23 |         <input type="submit" value="Send">
24 |     </form>
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/week4/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ar">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |     <title>Table Example</title>
 7 | </head>
 8 | <body>
 9 | 
10 |     <table border="1" cellpadding="30" cellspacing="0" >
11 |         <caption>Table Caption</caption>
12 |         <tr>
13 |             <th>Date</th>
14 |             <th>Name</th>
15 |             <th>Points</th>
16 |         </tr>
17 |         <tr>
18 |             <td rowspan="4">2023</td>
19 |             <td>Osama Mohamed</td>
20 |             <td>100</td>
21 |         </tr>
22 |         <tr>
23 |             <td>Sayed Mohamed</td>
24 |             <td>100</td>
25 |         </tr>
26 |         <tr>
27 |             <td>Ahmed Mohamed</td>
28 |             <td>100</td>
29 |         </tr>
30 |         <tr>
31 |             <td>Eman Mohamed</td>
32 |             <td>100</td>
33 |         </tr>
34 |     </table>
35 | 
36 | </body>
37 | </html>
38 | 


--------------------------------------------------------------------------------
/week4/Assignment3/index3.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <title>Complex Table</title>
 5 | </head>
 6 | <body>
 7 | 
 8 | <table border="1" cellpadding="20" >
 9 |     <caption>Complex Table</caption>
10 |     <tr>
11 |         <th>Year</th>
12 |         <th>Group</th>
13 |         <th>Language</th>
14 |         <th>Done</th>
15 |         <th>Passed</th>
16 |     </tr>
17 |     <tr>
18 |         <td rowspan="4">2022</td>
19 |         <td rowspan="2">Elzero</td>
20 |         <td>HTML</td>
21 |         <td>Yes</td>
22 |         <td></td>
23 |     </tr>
24 |     <tr>
25 |         <td>CSS</td>
26 |         <td>Yes</td>
27 |         <td></td>
28 |     </tr>
29 |     <tr>
30 |         <td rowspan="2">Heroes</td>
31 |         <td>JS</td>
32 |         <td>Yes</td>
33 |         <td>No</td>
34 |     </tr>
35 |     <tr>
36 |         <td>PHP</td>
37 |         <td>Yes</td>
38 |         <td></td>
39 |     </tr>
40 |     <tr>
41 |         <td></td>
42 |         <td></td>
43 |         <td>Python</td>
44 |         <td>No</td>
45 |         <td>No</td>
46 |     </tr>
47 | </table>
48 | 
49 | </body>
50 | </html>


--------------------------------------------------------------------------------
/week8/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <title>Document</title>
 6 |         <meta name="description" content="There is awesome discount here">
 7 |     </head>
 8 |     <body>
 9 |         <form action="" target="_blank" novalidate>
10 |             <label for="search-word">Search</label><br> <br>
11 |             <input type="search" name="" id="search-word" placeholder="Enter A Search Word" autofocus><br><br>
12 |             <label for="file">Upload</label><br><br>
13 |             <input type="file" name="" id="file"><br><br>
14 |             <label for="url">Url</label><br><br>
15 |             <input type="url" name="" id="url" required><br><br>
16 |             <label for="date">Date</label>
17 |             <input type="date" name="" id="date" value="1982-10-25"><br><br>
18 |             <label for="month">Month</label>
19 |             <input type="month" name="" id="month" value="1982-10"><br><br>
20 |             <input type="reset" value="Empty">
21 |             <input type="submit" value="Submit">
22 |         </form>
23 |     </body>
24 | </html>


--------------------------------------------------------------------------------
/week6/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 |     <meta name="description" content="page">
 7 | </head>
 8 | <body>
 9 |     <form action="test.py" method="post">
10 |         <div>
11 |             <label>Username</label><br>
12 |             <input type="text" name="username" required placeholder="type unique username">
13 |         </div>
14 |         <hr>
15 |         <div>
16 |             <label>Password</label><br>
17 |             <input type="password" name="password" placeholder="type a complex pass">
18 |         </div>
19 |         <hr>
20 |         <div>
21 |             <label>Mobile</label><br>
22 |             <input type="text" name="mobile" placeholder="+20100 (234) 123">
23 |         </div>
24 |         <hr>
25 |         <div>
26 |             <label>Email</label><br>
27 |             <input type="email" name="email" required placeholder="type your email correctly">
28 |         </div>
29 |         <hr>
30 |         <div>
31 |             <label>Subject</label><br>
32 |             <input type="text" name="subject" placeholder="type what is in your mind">
33 |         </div>
34 |         <hr>
35 |         <input type="hidden" name="important" value="100020650258">
36 |         <input type="submit" value="Send Data">
37 |         <input type="reset" value="Empty Form">
38 |     </form>
39 | </body>
40 | </html>


--------------------------------------------------------------------------------
/week3/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="description" content="here you can find best books">
 6 |     <title>Book Store</title>
 7 | </head>
 8 | <body>
 9 |     <h1>My Info</h1>
10 |     <p>My name is <b>Abdel-Haleem Osama</b></p>
11 |     <p>I am <strong>Available</strong> for hire</p>
12 |     <p>My hour old price was <del>$10</del> and the new price is <mark>$30</mark></p>
13 |     <p>Visit my website from this link <a href="https://github.com/HalemoGPA" title="My github account" target="_blank">Halemo GPA</a></p>
14 |     <hr>
15 |     <h2>Here is some of my clients</h2>
16 |     <img src="https://via.placeholder.com/50/F00/FFF" alt="">
17 |     <img src="https://via.placeholder.com/50/00F/FFF" alt="">
18 |     <img src="https://via.placeholder.com/50/0F0/FFF" alt="">
19 |     <hr>
20 |     <h2>My Skills</h2>
21 |     <ul>
22 |         <li>HTML</li>
23 |         <li>CSS</li>
24 |         <li>JavaScript
25 |             <ul>
26 |                 <li>Vuejs</li>
27 |                 <li>Reactjs</li>
28 |                 <li>Angular
29 |                     <ol>
30 |                         <li value="4">V4.0</li>
31 |                         <li>V5.0</li>
32 |                         <li>V6.0</li>
33 |                         <li>V7.0</li>
34 |                         <li>V8.0</li>
35 |                     </ol>
36 |                 </li>
37 |                 <li>Svelte</li>
38 |             </ul>
39 |         </li>
40 |         <li>Python</li>
41 |     </ul>
42 | </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/week4/Assignment1/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html >
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="description" content="table">
 6 |     <title>table</title>
 7 | </head>
 8 | <body>
 9 |     <table width="100%" border="1">
10 |         <caption>Members Data</caption>
11 |         <thead>
12 |             <tr>
13 |                 <th>Group</th>
14 |                 <th>Avatar</th>
15 |                 <th>Name</th>
16 |                 <th>Email</th>
17 |                 <th>Character</th>
18 |                 <th>Profile</th>
19 |             </tr>
20 |         </thead>
21 |         <tbody>
22 |             <tr>
23 |                 <td rowspan="2">Ninja</td>
24 |                 <td><img src="https://via.placeholder.com/50/F00/FFF" alt=""></td>
25 |                 <td>Osama <br>Mohamed</td>
26 |                 <td>o1@nn.sa <hr>o2@nn.sa</td>
27 |                 <td>&copy;</td>
28 |                 <td><a href="https://github.com/HalemoGPA">Profile</a></td>
29 |             </tr>
30 |             <tr>
31 |                 <td><img src="https://via.placeholder.com/50/00F/FFF" alt=""></td>
32 |                 <td>Shady <br>Nabil</td>
33 |                 <td>s@nn.sa</td>
34 |                 <td>&trade;</td>
35 |                 <td><a href="https://github.com/HalemoGPA">Profile</a></td>
36 |             </tr>
37 |             <tr>
38 |                 <td>Monsters</td>
39 |                 <td><img src="https://via.placeholder.com/50/000/FFF" alt=""></td>
40 |                 <td>Mohamed Ibrahim</td>
41 |                 <td>m@nn.sa</td>
42 |                 <td>&REG;</td>
43 |                 <td><a href="https://github.com/HalemoGPA">Profile</a></td>
44 |             </tr>
45 |         </tbody>
46 |         <tfoot>
47 |             <tr>
48 |                 <td colspan="5">Total Members</td>
49 |                 <td>3</td>
50 |             </tr>
51 |         </tfoot>
52 |     </table>
53 | </body>
54 | </html>


--------------------------------------------------------------------------------
/week2/Assignment6/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html >
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 | </head>
 7 | <body>
 8 |     <h1>Store</h1>
 9 |     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae minima vero id! Quia cum iste unde eum at odit animi excepturi officiis expedita minus, eaque necessitatibus earum molestias reiciendis quaerat.</p>
10 |     <h2>Category 1</h2>
11 |     <h3>Product1</h3>
12 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
13 |     <hr>  <h3>Product2</h3>
14 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
15 |     <hr>  <h3>Product3</h3>
16 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
17 |     <h2>Category 2</h2>
18 |     <h3>Product1</h3>
19 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
20 |     <hr>  <h3>Product2</h3>
21 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
22 |     <hr>  <h3>Product3</h3>
23 |     <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad odit inventore minima veniam eum omnis reprehenderit. Non aspernatur id voluptate incidunt nemo eligendi fugit deleniti ad sit, aut cum. Corrupti.</p>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/week7/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 |     <meta name="description" content="page">
 7 | </head>
 8 | <body>
 9 |     <form action="" method="get">
10 |         <div>
11 |             <label for="username">Username</label>
12 |             <input type="text" name="username" autofocus minlength="5" maxlength="20" required id="username" >
13 |         </div><br>
14 |         <div>
15 |             <label for="email">Email</label>
16 |             <input type="email" name="email" readonly value="o@o.com"id="email">
17 |         </div><br>
18 |         <div>
19 |             <label for="token" hidden>Token</label>
20 |             <input type="text" name="token" hidden value="b92f1fc2fce391ad7af633723afd3055" id="token">
21 |         </div><br>
22 |         <hr>
23 |         <div>
24 |             <label >Skills</label><br>
25 |             <input type="checkbox" name="programmingSkill" value="Problem Solving" id="problemSolving">
26 |             <label for="problemSolving">Problem Solving</label>
27 |             <input type="checkbox" name="programmingSkill" value="Logical Thinking" id="logicalThinking">
28 |             <label for="logicalThinking">Logical Thinking</label>
29 |             <input type="checkbox" name="programmingSkill" value="Advanced Search" id="advancedSearch" checked>
30 |             <label for="advancedSearch">Advanced Search</label>
31 |             <input type="checkbox" name="programmingSkill" value="Analysis" id="analysis">
32 |             <label for="analysis">Analysis</label>
33 |             <input type="checkbox" name="programmingSkill" value="Planning" id="planning">
34 |             <label for="planning">Planning</label>
35 |         </div>
36 |         <hr>
37 |         <div>
38 |             <label>Job</label><br>
39 |             <input type="radio" name="Job" id="frontend">
40 |             <label for="frontend">Frontend</label>
41 |             <input type="radio" name="Job" id="backend">
42 |             <label for="backend">Backend</label>
43 |             <input type="radio" name="Job" id="businessAnalyst">
44 |             <label for="businessAnalyst">Business Analyst</label>
45 |             <input type="radio" name="Job" id="projectManager" checked>
46 |             <label for="projectManager">Project Manager</label>
47 |             <input type="radio" name="Job" id="scrumMaster">
48 |             <label for="scrumMaster">Scrum Master</label>
49 |         </div>
50 |         <hr>
51 |         <input type="reset" value="Empty"><br><br>
52 |         <input type="submit" value="Send">
53 |     </form>
54 | </body>
55 | </html>


--------------------------------------------------------------------------------
/week5/Assignment2/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta name="description" content="Find the best discount for you here">
 6 |     <title>Document</title>
 7 | </head>
 8 | <body>
 9 |     <header>
10 |         <h1>Title of the Page</h1>
11 |         <ul>
12 |             <li><a href="https://github.com/HalemoGPA">Link 1</a></li>
13 |             <li><a href="https://github.com/HalemoGPA">Link 2</a></li>
14 |             <li><a href="https://github.com/HalemoGPA">Link 3</a></li>
15 |             <li><a href="https://github.com/HalemoGPA">Link 4</a></li>
16 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
17 |         </ul>
18 |     </header>
19 |     <nav>
20 |         <ul>
21 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
22 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
23 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
24 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
25 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>
26 |             <li><a href="https://github.com/HalemoGPA">Link 5</a></li>           
27 |         </ul>
28 |     </nav>
29 |     <section>
30 |         <h2>Content</h2>
31 |         <article>
32 |             <h3>Article 1</h3>
33 |             <p>This is the first article</p>
34 |             <figure>
35 |                 <img src="https://via.placeholder.com/50/F00/FFF" alt="red">
36 |                 <figcaption>This is the caption</figcaption>
37 |             </figure>
38 |             <a href="https://github.com/HalemoGPA">Read More</a>
39 |         </article>
40 |         <hr>
41 |         <article>
42 |             <h3>Article 1</h3>
43 |             <p>This is the first article</p>
44 |             <figure>
45 |                 <img src="https://via.placeholder.com/50/F00/FFF" alt="red">
46 |                 <figcaption>This is the caption</figcaption>
47 |             </figure>
48 |             <a href="https://github.com/HalemoGPA">Read More</a>
49 |         </article>
50 |         <hr>
51 |         <article>
52 |             <h3>Article 1</h3>
53 |             <p>This is the first article</p>
54 |             <figure>
55 |                 <img src="https://via.placeholder.com/50/F00/FFF" alt="red">
56 |                 <figcaption>This is the caption</figcaption>
57 |             </figure>
58 |             <a href="https://github.com/HalemoGPA">Read More</a>
59 |         </article>
60 |         
61 |     </section>
62 |     <aside>
63 |         <h2>Categories</h2>
64 |         <ul>
65 |             <li>First section</li>
66 |             <li>Second section</li>
67 |             <li>Third section</li>
68 |             <li>Forth section</li>
69 |             <li>Fifth section</li>
70 |         </ul>
71 |     </aside>
72 |     <footer>
73 |         <p>&copy;Copyright 2021</p>
74 |     </footer>
75 | 
76 | </body>
77 | </html>


--------------------------------------------------------------------------------
/week7/Assignment3/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <title>Document</title>
 6 |     <meta name="description" content="page">
 7 | </head>
 8 | <body>
 9 |     <form action="" method="get">
10 |         <div>
11 |             <label for="username">Username</label>
12 |             <input type="text" name="username" autofocus minlength="5" maxlength="20" required id="username" >
13 |         </div><br>
14 |         <div>
15 |             <label for="email">Email</label>
16 |             <input type="email" name="email" readonly value="o@o.com"id="email">
17 |         </div><br>
18 |         <div>
19 |             <label for="token" hidden>Token</label>
20 |             <input type="text" name="token" hidden value="b92f1fc2fce391ad7af633723afd3055" id="token">
21 |         </div><br>
22 |         <hr>
23 |         <div>
24 |             <label >Skills</label><br>
25 |             <input type="checkbox" name="programmingSkill" value="Problem Solving" id="problemSolving">
26 |             <label for="problemSolving">Problem Solving</label>
27 |             <input type="checkbox" name="programmingSkill" value="Logical Thinking" id="logicalThinking">
28 |             <label for="logicalThinking">Logical Thinking</label>
29 |             <input type="checkbox" name="programmingSkill" value="Advanced Search" id="advancedSearch" checked>
30 |             <label for="advancedSearch">Advanced Search</label>
31 |             <input type="checkbox" name="programmingSkill" value="Analysis" id="analysis">
32 |             <label for="analysis">Analysis</label>
33 |             <input type="checkbox" name="programmingSkill" value="Planning" id="planning">
34 |             <label for="planning">Planning</label>
35 |         </div>
36 |         <hr>
37 |         <div>
38 |             <label>Job</label><br>
39 |             <input type="radio" name="Job" id="frontend">
40 |             <label for="frontend">Frontend</label>
41 |             <input type="radio" name="Job" id="backend">
42 |             <label for="backend">Backend</label>
43 |             <input type="radio" name="Job" id="businessAnalyst">
44 |             <label for="businessAnalyst">Business Analyst</label>
45 |             <input type="radio" name="Job" id="projectManager" checked>
46 |             <label for="projectManager">Project Manager</label>
47 |             <input type="radio" name="Job" id="scrumMaster">
48 |             <label for="scrumMaster">Scrum Master</label>
49 |         </div>
50 |         <hr>
51 |         <br>
52 | 
53 |         <label for="book">Choose Book: </label>
54 |         <select name="book" id="book">
55 |             <optgroup label="PHP">
56 |                 <option value="v5">v5.0</option>
57 |                 <option value="v7">v7.0</option>
58 |                 <option value="v8">v8.0</option>
59 |             </optgroup>
60 |             <optgroup label="Python">
61 |                 <option value="v2">v2.0</option>
62 |                 <option value="v3">v3.0</option>
63 |                 <option value="v39">v3.9</option>
64 |             </optgroup>
65 |         </select>
66 |         <hr>
67 |         <label for="brief">Brief</label><br>
68 |         <textarea name="brief" id="brief" cols="30" rows="10" placeholder="Write Here Why You Want To Learn Programming"></textarea>
69 |         <hr>
70 |         <input type="reset" value="Empty"><br><br>
71 |         <input type="submit" value="Send">
72 |     </form>
73 | </body>
74 | </html>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <img align="center" src="https://visitor-badge.laobi.icu/badge?page_id=HalemoGPA/Learn-HTML" alt="HalemoGPA">
 2 | <a href="https://www.youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji" >
 3 | <div align="center">
 4 | 				<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/2048px-HTML5_logo_and_wordmark.svg.png" width="230" alt="HTML"></div><div align="center"><br><b>HTML Course</b></div></a><br>
 5 | 				
 6 | ![](https://i.imgur.com/waxVImv.png)
 7 | 				
 8 | 
 9 | # Learn HTML   
10 |    <div align="center">
11 | 	<img src="https://www.onlygfx.com/wp-content/uploads/2018/04/completed-stamp-4-1024x791.png" width="200">
12 | 	<br><br>
13 | 	<p>Elzero Web School HTML Course Assignments Solution</p>
14 | </div>	
15 | 
16 | 
17 | ## 1️⃣ Elements And Comments
18 | #### [codes for lessons from [01] to [05]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week1)  
19 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week1/Assignment1)    
20 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week1/Assignment2)    
21 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week1/Assignment3)    
22 | [     • Assignment 4](https://github.com/HalemoGPA/Learn-HTML/tree/main/week1/Assignment4)     
23 | 
24 | ## 2️⃣ Heading And Attributes
25 | #### [codes for lessons from [06] to [10]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2)  
26 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment1)    
27 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment2)    
28 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment3)    
29 | [     • Assignment 4](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment4)    
30 | [     • Assignment 5](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment5)    
31 | [     • Assignment 6](https://github.com/HalemoGPA/Learn-HTML/tree/main/week2/Assignment6)     
32 | 
33 | ## 3️⃣ Link, Image, List  
34 | #### [codes for lessons from [11] to [14]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week3)  
35 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week3/Assignment1)   
36 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week3/Assignment2)   
37 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week3/Assignment3)   
38 | [     • Assignment 4](https://github.com/HalemoGPA/Learn-HTML/tree/main/week3/Assignment4)   
39 | 
40 | 
41 | ## 4️⃣ Table, Div
42 | #### [codes for lessons from [15] to [18]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week4)  
43 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week4/Assignment1)    
44 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week4/Assignment2)    
45 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week4/Assignment3)    
46 | 
47 | 
48 | 
49 | ## 5️⃣ Audio, Video
50 | #### [codes for lessons from [19] to [23]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week5)  
51 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week5/Assignment1)    
52 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week5/Assignment2)    
53 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week5/Assignment3)    
54 | [     • Assignment 4](https://github.com/HalemoGPA/Learn-HTML/tree/main/week5/Assignment4)    
55 | 
56 | ## 6️⃣ Form Part 1
57 | #### [codes for lessons from [24] to [27]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week6/)  
58 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week6/Assignment1)    
59 | 
60 | ## 7️⃣ Form Part 2
61 | #### [codes for lessons from [28] to [30]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week7)  
62 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week7/Assignment1)    
63 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week7/Assignment2)    
64 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week7/Assignment3)    
65 | 
66 | ## 8️⃣ Form Part 3
67 | #### [codes for lessons from [31] to [34]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week8)  
68 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week8/Assignment1)    
69 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week8/Assignment2)    
70 | [     • Assignment 3](https://github.com/HalemoGPA/Learn-HTML/tree/main/week8/Assignment3)    
71 | [     • Assignment 4](https://github.com/HalemoGPA/Learn-HTML/tree/main/week8/Assignment4)    
72 | 
73 | ## 9️⃣ iFrame, ARIA
74 | #### [codes for lessons from [35] to [37]](https://github.com/HalemoGPA/Learn-HTML/tree/main/week9)  
75 | [     • Assignment 1](https://github.com/HalemoGPA/Learn-HTML/tree/main/week9/Assignment1)    
76 | [     • Assignment 2](https://github.com/HalemoGPA/Learn-HTML/tree/main/week9/Assignment2)    
77 | 
78 | 
79 | 
80 | 
81 | <br>
82 | <p align="center">
83 |   <a href="https://www.buymeacoffee.com/HalemoGPA" target="_blank" ><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="HalemoGPA buy me a coffee" width="230"></a>
84 | </p>
85 |   
86 | 


--------------------------------------------------------------------------------