Well-Come Friends In This Article I have been Created A Simple HTML Website . 



In this article we are creating a html simple website, with the help of html. html stands for hyper text markup language.


we are creating a html website for Student Management System


HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.[2] A form of HTML, known as HTML5, is used to display video and audio, primarily using the <canvas> element, in collaboration with javascript.



  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link"



CODE



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width,initial-scale=1.0">
<link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css"> 
<title>Main Page</title>
    <meta name="author" content="Codeconvey" />
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet"><link rel='stylesheet' href='demo.css'>
<link rel='stylesheet' href='./style.css'>

    <!--Only for demo purpose - no need to add.-->
    <link rel="stylesheet" href="css/demo.css" />
    
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
<!---start--->
<table id="header" border="0" width="100%" cellpadding="0"
cellspacing="0" bgcolor="#f3971b">
<tr>
<td>
<table border="0" width="85%" cellpadding="15" cellspacing="0" align="center" >
<tr>
<td>
<font face="arial" color="#000000" size="5">
<span class="fa fa-user-circle" aria-hidden="true"></span>
Zaware Pratap
</font>
</td>
<td>
&nbsp;
</td>
<td><a href="#" ><font face="arial" color="#ffffff" size="4">Dashboard</font></a>
</td>
<td><a href="#" ><font face="arial" color="#ffffff" size="4">Profile</font></a>
</td>
<td><a href="#" ><font face="arial" color="#ffffff" size="4">Acadmic</font></a>
</td>
<td><a href="#" ><font face="arial" color="#ffffff" size="4">Exam</font></a>
</td>
<td><a href="#" ><font face="arial" color="#ffffff" size="4">Log Out</font></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!---end--->
<!---start--->
<table id="header" border="1" width="100%" cellpadding="0"
cellspacing="0" bgcolor="#292929">
<tr>
<td>
<table border="0" width="85%" cellpadding="15" cellspacing="0" align="center" >
<tr>
<td align="center" valign="middle">
<h3>
<font face="arial" color="#ffffff" size="6">
</font>
</h3>
<h2>
<font face="arial" color="33E3FF">
<h3>Name Of The College</h3></font><font face="arial" color="white" size="2" >
______________________________________________________________________________________<br>
<font face="lato">
<p>
Description Of the college</br>
Address of the college</font></p>
<table border="1"><tr>
<a href="mailto:emailaddress">Mail Us</a></tr></table>
</table>
</td>
</tr>
</table>
<!---end--->
<!---start--->
<table id="header" border="0" width="100%" cellpadding="0"
cellspacing="0" bgcolor="black">
<tr>
<td>
<table border="0" width="85%" cellpadding="15" cellspacing="0" align="center" >
<tr>
<image src="https://www.acssonaicollege.com/wp-content/uploads/2017/02/DSC_0277-1024x678.jpg" style="width: 100%; height: 500px; "></image></tr></table></td></tr>
<tr>
<td>

           <div class="student-profile py-4">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <div class="card shadow-sm">
          <div class="card-header bg-transparent text-center">
            <img class="profile_img1" src="https://rukminim2.flixcart.com/image/416/416/kdhphu80/showpiece-figurine/8/g/y/dnyaneshwar-maharaj-statue-sai-divya-original-imafudt6cygqckpr.jpeg?q=70" alt="student dp">
            <h3></h3>
          </div>
</td>
</tr></table>
<!---start--->
<table id="header" border="0" width="100%" cellpadding="0"
cellspacing="0" bgcolor="#f3971b">
<tr>
<td>
<font face="lato" color="white">
<h5>All Rights Are Reserved By &nbsp;<a href="main page.html"><b>ACS Sonai</b></a></h5></font>
</td>
</tr>
</table>
</body>
</html>



Output:-