Apply CSS(Cascade Style Sheet) to change a certain portion, Bold, Italic and underline certain words in your HTML web page.
Program Code:
Style.css
body
{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.stylebig
{
font-size: 18px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.stylemedium
{
font-size: 14px;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.stylesmall
{
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
}
.stylegreen
{
font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #007F00;
}
.stylered
{
font-size: 12px;
font-family: "Times New Roman", Times, serif;
color: #FF0000;
font-weight: bold;
}
.stylegrey
{
font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #550055;
}
.stylelink
{
font-family: "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; color: #AA0000;
}
Home.Html
<%@ page contentType="text/html; charset=iso-8859-1" language="java" errorPage="ErrorPage.jsp" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="stylesheet/Style.css" type="text/css"/>
<title>Home Page</title>
</head>
<body>
<table width="100%" height="100%" >
<tr height="15%">
<td ><%@ include file="Header.jsp" %></td>
</tr>
<tr height="80%">
<td align="center" valign="baseline"><table width="70%">
<tr>
<td align="center"><a href="Home.jsp" class="stylelink" style="text-decoration:none">Home</a></td>
<td align="right"><a href="Student_Login.jsp" class="stylelink" style="text-decoration:none">Student Login</a>
<a href="Admin_Login.jsp" class="stylelink" style="text-decoration:none">Administrator Login</a></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr height="5%">
<td><%@ include file="Footer.jsp" %></td>
</tr>
</table>
</body>
</html>
Post A Comment:
0 comments: