0% found this document useful (0 votes)
28 views4 pages

Web Assignment Form

The document contains HTML code and CSS styling to create a table with columns and rows. The table has a title and headings for each column with cells containing numbers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
28 views4 pages

Web Assignment Form

The document contains HTML code and CSS styling to create a table with columns and rows. The table has a title and headings for each column with cells containing numbers.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Assignment 1

Web

<html>
<head>
<style type="text/css">
body{
background: #293f50;
color: #888;
font: 300 16px/22px "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-
serif;
}
.Table
{
display: table;
}
.Title
{
display: table-caption;
text-align: center;
font-weight: bold;
font-size: larger;
}
.Heading
{
display: table-row;
font-weight: bold;
text-align: center;
}
.Row
{
display: table-row;
}
.Cell
{
display: table-cell;
border: solid;
border-width: thin;
padding-left: 150px;
padding-right: 150px;
padding-top: 130px;
padding-bottom: 120px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 15px 20px 15px 50px;
}

</style>
</head>
<body>

<div class="Table">
<div class="Title">
<p>This is a Table</p>
</div>
<div image ="bimage">
back ground image
</div>
<div class="Heading">
<div class="Cell">
<p>One</p>
</div>
<div class="Cell">
<p>Two</p>
</div>
<div class="Cell">
<p>Three</p>
</div>
</div>
<div class="Row">
<div class="Cell">
<p>1</p>
</div>
<div class="Cell">
<p>2</p>
</div>
<div class="Cell">
<p>3</p>
</div>
</div>
<div class="Row">
<div class="Cell">
<p>1</p>
</div>
<div class="Cell">
<p>2</p>
</div>
<div class="Cell">
<p>3</p>
</div>
</div>
</div>
</body>

</html>

You might also like