In: Computer Science
Create and test an HTML document for yourself, including your
name,
address, and electronic mail address. If you are a student, you
must include
your major and your grade level. If you work, you must include
your
employer, your employer’s address, and your job title. This
document must
use several headings and <em>, <strong>, <hr />,
<p>, and <br /> tags.
2.2 Add pictures of yourself and at least one other image (of your friend, spouse, or pet)
2.3 Add a second document to the document created for Exercise 2.1 that describes part of your background, using background as the link content. This document should have a few paragraphs of your personal or professional history.
2..6Create and test an HTML document that describes an ordered list of your five favorite movies.
2.7 Modify the list of Exercise 2.6 to add nested, unordered lists of at least two actors and/or actresses in your favorite movies.
2.11 Create and test an HTML document that defines a table with columns for state, state bird, state flower, and state tree. There must be at least five rows for states in the table.
index.html
<html>
<head>
<title>HTML Examples</title>
<style>
</style>
</head>
<body>
<img
src="http://sayantideb.com/wp-content/uploads/2016/05/child1.png"
width="500" height="333"><br/>
<img
src="https://cdn.dnaindia.com/sites/default/files/styles/full/public/2017/12/16/633718-twins.jpg"
width="500" height="333"><br/>
<hr/>
<h1><strong>Personal
History</strong></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed id eros in odio lacinia varius. Sed ultrices eu tortor ut
ullamcorper. Aliquam quis orci sit amet lorem vestibulum rutrum.
Pellentesque pharetra magna at odio laoreet, iaculis vehicula risus
placerat. In eget ligula in est lacinia gravida. Integer volutpat,
augue et dignissim scelerisque, orci libero tincidunt lectus, ut
blandit velit erat vitae tortor. Fusce vitae turpis ante. Nunc nec
consectetur ligula. Aenean venenatis a ipsum eget consectetur.
Nullam aliquet efficitur posuere. Suspendisse viverra metus sed
dolor fringilla vehicula eget in neque. Nunc suscipit velit et
velit aliquet, eu lobortis velit euismod. Etiam sodales ut sem a
posuere. Sed volutpat arcu vel accumsan lobortis.</p>
<hr/>
<h1><strong>Professional
History</strong></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed id eros in odio lacinia varius. Sed ultrices eu tortor ut
ullamcorper. Aliquam quis orci sit amet lorem vestibulum rutrum.
Pellentesque pharetra magna at odio laoreet, iaculis vehicula risus
placerat. In eget ligula in est lacinia gravida. Integer volutpat,
augue et dignissim scelerisque, orci libero tincidunt lectus, ut
blandit velit erat vitae tortor. Fusce vitae turpis ante. Nunc nec
consectetur ligula. Aenean venenatis a ipsum eget consectetur.
Nullam aliquet efficitur posuere. Suspendisse viverra metus sed
dolor fringilla vehicula eget in neque. Nunc suscipit velit et
velit aliquet, eu lobortis velit euismod. Etiam sodales ut sem a
posuere. Sed volutpat arcu vel accumsan lobortis.</p>
<hr/>
<ol>
<li><em>Movie 1</em></l1>
<ol>
<li>Actor 1</li>
<li>Actor 2</li>
</ol>
<li>Movie 2</li>
<ol>
<li>Actor 1</li>
<li>Actor 2</li>
</ol>
<li>Movie 3</li>
<ol>
<li>Actor 1</li>
<li>Actor 2</li>
</ol>
<li>Movie 4</li>
<ol>
<li>Actor 1</li>
<li>Actor 2</li>
</ol>
<li>Movie 5</li>
<ol>
<li>Actor 1</li>
<li>Actor 2</li>
</ol>
</ol>
<hr/>
<center>
<table border="1">
<tr>
<td>State</td>
<td>State Bird</td>
<td>State Flower</td>
<td>State Tree</td>
</tr>
<tr>
<td>State 1</td>
<td>StateBird 1</td>
<td>StateFlower 1</td>
<td>State Tree 1</td>
</tr>
<tr>
<td>State 1</td>
<td>StateBird 1</td>
<td>StateFlower 1</td>
<td>State Tree 1</td>
</tr>
<tr>
<td>State 1</td>
<td>StateBird 1</td>
<td>StateFlower 1</td>
<td>State Tree 1</td>
</tr>
<tr>
<td>State 1</td>
<td>StateBird 1</td>
<td>StateFlower 1</td>
<td>State Tree 1</td>
</tr>
</table>
</center>
</body>
</html>
Output: