Answer to Question #293242 in HTML/JavaScript Web Application for Ofosu Gideon

Question

Write short HTML 5 codes to do the following:1 Headings - h1 to h6

2 Text formatting

3 Preformatted text (Preserve line breaks and spaces)

4 Sub and Superscript text

5 Insert contact information

6 Inserting horizontal lines

7 Create hyperlink

8 Creating a mailto link - A link that sends an e-mail

10

9 Setting width and height of the images11 Aligning images12 Making a simple table - The most basic form of a table13 Setting the dimension of a table14 Specify the table caption15 Tables with borders - Adding the default table borders16 Creating an unordered list17 Creating an ordered list18 Creating text input fields19 Creating password input fields20 Creating HTML5 new input fields21 Checkboxes and radio buttons22 Select boxes - A drop-down list23 Select box with a pre-selected value24 Grouping of options inside a select box25 Enable multiple selection inside a select box26 Textarea - A multi-line text input field27 Creating butto

Answer 1

1.
<h1><Heading 1</h1>
<h2><Heading 2</h2>
<h3><Heading 3</h3>
<h4><Heading 4</h4>
<h5><Heading 5</h5>
<h6><Heading 6</h6>
2.
<b>Bold text</b>
<strong>Important text</strong>
<i>Italic text</i>
<em>Emphasized text</em>
<mark>Marked text</mark>
<small>Smaller text</small>
<del>Deleted text</del>
<ins>Inserted text</ins>
3.
<pre>
	 Preformatted
	 text
</pre>
4.
<sub>Subscript text</sub>
<sup>Superscript text</sup>
5.
<address>
	Visit us at:<br>
	Example.com<br>
	Box 564, Disneyland<br>
	USA
</address>
6.
<hr>
text between horizontal lines
<hr>
7.
<a href="example.com">link to example.com</a>
8.
<a href="mailto:[e-mail]">Mail us at [e-mail]</a>
9.
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
11.
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600" align="right">


12,13,14,15
<table border="2" width="80%">
  <caption>Example Caption</caption>
  <tr>
    <th>login</th>
	<th>email</th>
  </tr>
  <tr>
	<td>user1</td>
	<td>[e-mail]</td>
  </tr>
  <tr>
	<td>user2</td>
	<td>[e-mail]</td>
  </tr>
  <tr>
	<td>user3</td>
	<td>[e-mail]</td>
  </tr>
</table>


16.
<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>


17.
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol> 


18.
<input type="text" name="name">


19.
 <label for="password">Password</label><br/>
  <input type="password" id="password" name="password">


21.
<label class="container">One
  <input type="checkbox" checked="checked">
  <span class="checkmark"></span>
</label>
<label class="container">Two
  <input type="checkbox">
  <span class="checkmark"></span>
</label>


<input type="radio"
               name="agree" 
               value="yes">Yes
        <br>
        <input type="radio"
               name="agree" 
               value="no">No


22.
<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>


23.
<select id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi" selected>Audi</option>
</select>


24.
<select>
  <optgroup label="Group 1">
    <option>Option 1.1</option>
  </optgroup>
  <optgroup label="Group 2">
    <option>Option 2.1</option>
    <option>Option 2.2</option>
  </optgroup>
  <optgroup label="Group 3" disabled>
    <option>Option 3.1</option>
    <option>Option 3.2</option>
    <option>Option 3.3</option>
  </optgroup>
</select>


25.
<select name="Country" multiple size="5">
  <option value="USA">USA</option>
  <option value="Russia">Russia</option>
  <option value="India">India</option>
  <option value="Britain">Britain</option>
</select>


26.
<textarea>
Text area. multiline text
</textarea>
27.
<button type="button">Click Me!</button>