Web Developer: 2015

Sunday, 4 October 2015

Table in HTML

Table in HTML :-

Let me discuss it with a suitable example:-

table.html:-

<!DOCTYPE html>
<html>
<body>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 15px;
}
th, caption {
text-align: center;
}
table {
border-spacing: 15px;
}
th {
background-color: lightpink;
}
</style> <br/><br/><br/><br/><br/>
<center> <caption><h1>Student Details</h1></caption></center>
<table border="1" style="width:100%">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th colspan="2">Marks(1st and 2nd)</th>
</tr>

<tr>
<td>Jack</td>
<td>Roy</td>
<td>75</td>
<td>60</td>
</tr>

<tr>
<td>Everson</td>
<td>Mahabala</td>
<td>83</td>
<td>75</td>
</tr>

<tr>
<td>Rosy</td>
<td>Rajput</td>
<td>90</td>
<td>85</td>
</tr>
</table>

</body>

</html>

Screenshot:-

Description:-

The "table" is one of the concept used in HTML language. It can be used in the HTML, by using "<table>" tag. It can be used when you want to represent any set of data in the web page in a tabular format. "<tr>", "<th>", "<td>" are the tags that are used under the opening and closing of table tag. "<th>" tag is used to declare any heading in the table, and will be displayed in bold. "<tr>" represents every row of the table and "<td>" represents the data in each row. In this example, I have added some CSS functionality to the HTML table, by using "<style>" tag.

Monday, 21 September 2015

Frameset in HTML

Frameset in HTML :-

Let understand the concept of frameset with a suitable example:-

frameset.html:-

<!DOCTYPE html>
<html>

<frameset rows="10%, 50%">
<frame src="frame1.html" noresize="noresize">
<frameset cols="20%, 80%">
<frame src="frame2.html" noresize="noresize">
<frame src="frame3.html" noresize="noresize">
</frameset>
</frameset>
</html>

frame1.html:-

<!DOCTYPE html>
<html>

<body bgcolor="lightpink">
<marquee><b><i><h1>Header of the page</h1></i></b></marquee>
</body>
</html>

frame2.html:-

<!DOCTYPE html>

<html>

</body>

</html>

frame3.html:-

<!DOCTYPE html>

<html>

<center><b><i><h1>Content of the page</h1></i></b></center>

</body>

</html>

Screenshot:-

Description:-

The frameset concept of HTML, is basically used when the developer wants to divide the web page in different section, by using "<frameset>" tag. In this each section, the data can be displayed by using the "<frame>" tag, declared under the frameset tag. "<src>" attribute of the "<frame>" tag is used to provide link of the HTML file.