API tools faq
paste
desito07

htmlLab

desito07
Jun 3rd, 2020
267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.33 KB | None | 0 0
raw download clone embed print report
  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>HTML Lab Demo Version</title>
  7.     <link rel="stylesheet" href="cssLabDemo.css">
  8. </head>
  9. <body>
  10.     <div>
  11.         <h1>List exercise</h1>
  12.         <p>This lists contain at least two elements. The most common types are ordered and unordered lists.</p>
  13.         <h2>Example</h2>
  14.         <ol>
  15.             <li>Apple</li>
  16.             <ul>
  17.                 <li>Fruit</li>
  18.                 <li>It`s Healthy</li>
  19.             </ul>
  20.             <li>Cucumber</li>
  21.             <ul>
  22.                 <li>Vegetable</li>
  23.                 <li>The perfect salad ingredient</li>
  24.             </ul>
  25.             <li>Bonster</li>
  26.             <ul>
  27.                 <li>Energy drink</li>
  28.                 <li>Contains coffee</li>
  29.             </ul>
  30.         </ol>
  31.         <section class="picture">
  32.             <img width="300" height="300" src="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic3.png" alt="Picture" />
  33.         </section>
  34.         <p>
  35.             List icon link <a href="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic3.png">HERE</a>
  36.         </p>
  37.     </div>
  38.  
  39.     <div>
  40.         <h1>Table exercise</h1>
  41.         <p>Tables is a structured set of data made up of rows and columns.</p>
  42.         <h2>Example</h2>
  43.         <table>
  44.             <thead>
  45.                 <tr>
  46.                     <th>Programming Language</th>                    
  47.                     <th>Developed by</th>                    
  48.                     <th>First appeared</th>                                      
  49.                 </tr>
  50.             </thead>
  51.             <tbody>
  52.                 <tr>
  53.                     <td>C#</td>
  54.                     <td>Microsoft</td>
  55.                     <td>2000</td>                
  56.                 </tr>
  57.                 <tr>
  58.                     <td>Java</td>                    
  59.                     <td>Oracle</td>
  60.                     <td>1995</td>                    
  61.                 </tr>
  62.                 <tr>
  63.                     <td>PHP</td>
  64.                     <td>Zend Techologies</td>                  
  65.                     <td>1995</td>
  66.                 </tr>
  67.             </tbody>
  68.         </table>
  69.         <section class="picture">
  70.             <img width="300" height="300" src="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic2.png" alt="Picture" />
  71.         </section>
  72.         <p>
  73.             Table icon link <a href="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic2.png">HERE</a>
  74.         </p>
  75.     </div>
  76.  
  77.     <div>
  78.         <h1>Form exercise</h1>
  79.         <p>An HTML form is made if one or more widgets. Those widgets can be text fields (single line or multiline), select boxes, buttons, checkboxes, or radio buttons.</p>
  80.         <h2>Example</h2>
  81.         <form>                
  82.             <label for="username">Username</label><input id="username" type="text" placeholder="Username" />
  83.             <br>
  84.             <label for="password">Password</label><input id="password" type="password" placeholder="Password" />
  85.         </br>
  86.             <label for="email">Email</label><input id="email" type="Email" placeholder="Email" />
  87.             </form>
  88.         <form>                        
  89.                 <label for="age">Age</label><input id="age" type="radio" name="Age" />            
  90.                 <label for="age">Under 20</label><input id="age" type="radio" name="Age" />
  91.                 <label for="age">20 or more</label>            
  92.             <br>                              
  93.                 <input type="submit" value="Submit" />
  94.             </br>                    
  95.         </form>
  96.         <section class="picture">
  97.             <img width="300" height="300" src="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic.png" alt="Picture" />
  98.         </section>
  99.         <p>
  100.             Form icon link <a href="C:\Users\DESI\Documents\JavaScript\Fundamentals\HTML-Lab-Files/pic.png">HERE</a>
  101.         </p>
  102.     </div>
  103. </body>
  104. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!