<!DOCTYPE html>
<html>
<head>
<title>cs202-assignment-1-solution</title>
<style>
body{
background: #40E0D0;
}
h1 {
text-align: center;
}
.im1c {
height: 150px;
width: 350px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
table, th, td {
border: 1px solid black;
text-align: center;
}
</style>
</head>
<body>
<h1>HTML (Hyper Text Markup Language)</h1>
<div class="im1c center" ><img class="im1c center" src="im1.jpg"></div>
<h3>Introduction</h3>
<p>HTML stands for hyper text markup language.It is standerd markup language used to create the web pages along with CSS and Javascript.</p>
<ol>
<li>HTML Docoument</li>
<li>HTML Elements</li>
<li>HTML headings and paragraphs</li>
<li>HTML formating Elements</li>
</ol>
<table style="width:70%; margin-left:15%; ">
<tr>
<th>TOPIC</th>
<th>DISCRIPTION</th>
<th>Interner links</th>
</tr>
<tr>
<td><b>HTML DOCUMENTS</b></td>
<td>
<li>All html documents must started with <!DOCTYPE html></li>
<li>The html being itself along with <html> and ends with </html> </li>
<li>The visible pasrt html documents is <Body> tag</li></td>
<td><a href="#">click here for details</a></td>
</tr>
<tr>
<td><b>HTML ELEMENTS</b></td>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
<td><a href="#">click here for details</a></td>
</tr>
<tr>
<th rowspan="2">HTML Headding & paragraphs</th>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
<td><a href="#">click here for details</a></td>
</tr>
<tr>
<td>AN HTML element usausly with a starting tag and the ending tag</td>
<td><a href="#">click here for details</a></td>
</tr>
<tr>
<td><b>HTML Formatting Elements</b></td>
<td>
<li>blod text</li>
<li>important text </li>
<li>marked text</li>
<li>small text </li>
<li>deletd text</li>
<li>inserted text </li>
<li>subscript text </li>
<td><a href="#">click here for details</a></td>
</tr>
</table>
</body>
</html>
Solution 100%
<!DOCTYPE html>
<html>
<body style="background-color:Turquoise; width:100% ; height:50%">
<h1 align="center">HTML (Hyper Text Markup Language) Basics</h1>
<center>
<img src="D:\CS202\HTML.jpg" alt="HTML" width="200" height="200">
</center>
<p>
<h2>Introduction </h2><br>
HTML stands for Hyper Text Markup Language. It is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages.
HTML basics include the following:
<ol>
<li>HTML Documents</li>
<li>HTML Elements</li>
<li>HTML Headings and Paragraphs</li>
<li>HTML Formatting Elements</li>
</ol>
</p>
<center>
<table border="1">
<tr>
<th>Topic </th>
<th> Description </th>
<th> Internet Links </th>
</tr>
<tr>
<th> HTML Documents </th>
<td>
<ul>
<li>All HTML documents must start with a type declaration: <!DOCTYPE html> </li>
<li>The HTML document itself begins with and ends with <html> and ends with </html> </li>
<li>The visible part of the HTML document is between <body> and </body> tags.</li>
</ul>
</td>
<td>
<a href="https://www.w3schools.com/html/html_basic.asp"> Click Here For Details... </a>
</td>
</tr>
<tr>
<th> HTML Elements </th>
<td> An HTML element usually consists of a start tag and an end tag, with the content inserted in between them.
</td>
<td>
<a href="https://www.w3schools.com/html/html_elements.asp"> Click Here For Details... </a>
</td>
</tr>
<tr>
<th rowspan="2">HTML Headings & Paragraphs </th>
<td>HTML headings are defined with the < h1 > to < h6 > tags.</td>
<td>
<a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a>
</td>
</tr>
<tr>
<td>HTML paragraphs are defined with the < p > tag. </td>
<td>
<a href="https://www.w3schools.com/html/html_headings.asp"> Click Here For Details... </a>
</td>
</tr>
<tr>
<th> HTML Formatting element </th>
<td>
<ul>
<li>Bold text </li>
<li>Important text </li>
<li>Emphasized text </li>
<li>Marked text </li>
<li>Small text </li>
<li>Deleted text </li>
<li>Inserted text </li>
<li>Subscriptstext </li>
</ul>
</td>
<td>
<a href="https://www.w3schools.com/html/html_formatting.asp"> Click Here For Details... </a>
</td>
</table>
</center>
</body>
</html>
