HTML <footer> Tag
The HTML <footer> tag is used for defining the
footer of an HTML Page or web page on below of the page.
Footers usually contain
information about the author of the document, copyright information, links to
terms of use, privacy policy, etc.
Contact information within a <footer> tag should marked up using the <address> tag.
Footers are generally located at
the bottom of a document.
A page or document/section can
have more than one footer.
The <footer> tag was introduced in HTML.
FooterPage.html
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML Footer Tag</title>
<style type="text/css">
footer
{
width: 100%;
background: #336699;
float: left;
margin: 0 0 .5% 0;
border-radius: 10px;
box-shadow: 5px 5px 10px #202020;
}
address
{
text-align: center;
color: #efefef;
padding: 1% 0;
text-shadow: 1px 1px 0px #202020;
font-family: Arial, verdana, tahoma , serif;
font-size: 16px;
}
address a
{
color: #ffcc00;
}
</style>
</head>
<body>
<table width="100%">
<tr>
<td width="15%">
</td>
<td width="70%" height="700px"
align="center"
valign="top">
<table
width="100%"
style="border: 1px Solid
Black;">
<tr>
<td align="center">
<img alt="" src="../Images/company-logo-on-header.png"
/>
</td>
</tr>
<tr>
<td height="400px" valign="top">
<p style="padding-left:30px;font-family:Calibri; font-size:20px; font-weight:normal; line-height:2px;">
It is body where
we write content for the page.
</p>
<p style="padding-left:30px;font-family:Calibri; font-size:20px; font-weight:normal; line-height:2px;">
This is the test
footer page.
</p>
</td>
</tr>
<tr>
<td>
<footer>
<address>
ABC Test
Private Ltd. © All Rights Reserved
<br />
<a href="http://www.abctest.com"
target="_blank">ABC
Test Private Ltd</a>
</address>
</footer>
</td>
</tr>
</table>
</td>
<td width="15%">
</td>
</tr>
</table>
</body>
</html>
Screenshot
No comments :
Post a Comment
Ask a Question?