Heading levels
Code:
<!DOCTYPE html>
<html>
<head> Output:
<title>Heading Levels</title>
</head>
<body>
<h1>sanskruti jr college</h1>
<h2>sanskruti jr college</h2>
<h3>sanskruti jr college</h3>
<h4>sanskruti jr college</h4>
<h5>sanskruti jr college</h5>
<h6>sanskruti jr college</h6>
</body>
</html>
MISS NIKITA PRADHAN 1
Inserting an Image, a horizontal ruled and a paragraph
Code:
<!DOCTYPE html>
<html>
<head>
<title>Inserting an Image, a horizontal ruled and a paragraph</title>
</head>
<body>
<img src="college.jpg" height="200px" width="500px" alt="college">
<hr color="red" size="10" width="500px">
<p>
Education at Sanskruti Junior College is designed to prepare
students to excel in their chosen stream and achieve the goal of
making a difference in the world.
Our dedicated and talented faculty bolsters students to do better
and be ready for a successful career. As students of our
junior college have access to the best laboratories, library,
amenity-rich campus, the scope of quality education is vast.
We strive to encourage and promote all activities connected with
and allied to education, culture and sports. We also cultivate a
culture of reading, thinking and reflecting, which encourages
life-long learning. Each child is respected for their unique
set of competencies. We are known for our dedicated students,
faculty and academic excellence. Enroll for our Commerce, Arts,
and Science Junior College in Boisar, Palghar
</p>
</body>
</html>
MISS NIKITA PRADHAN 2
Output:
MISS NIKITA PRADHAN 3
Creating a Table
Code:
<!DOCTYPE html>
<html>
<head>
<title>Table with Attribute</title>
</head>
<body>
<table border="1" bgcolor="skyblue" align="center"
bordercolor="red">
<tr>
<th>Sr.no</th>
<th>Name</th>
<th>Class</th>
<th>DIV</th>
</tr>
<tr>
<td>1</td>
<td>Rahul Thakur</td>
<td>11th SCI</td>
<td>A</td>
</tr>
<tr>
<td>2</td>
<td>Rohit Gupta</td>
<td>11th SCI</td>
<td>B</td>
</tr>
MISS NIKITA PRADHAN 4
<tr>
<td>3</td>
<td>Neha Rai</td>
<td>11th SCI</td>
<td>C</td>
</tr>
</table>
</body>
</html>
Output:
MISS NIKITA PRADHAN 5
Table with attribute of the <tr>, <th> And<td>
Table with rowspan:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Table with Rowspan</title>
</head>
<body>
<table border="1" height="300px" width="500px" align="center">
<tr>
<th align="center">ID</th>
<th align="center">Name</th>
<th align="center">Subject</th>
<th align="center">Marks</th>
</tr>
<tr>
<td rowspan="3" align="center">1</td>
<td rowspan="3" align="center">Devid</td>
<td align="center">Maths</td>
<td align="center">80</td>
</tr>
<tr>
<td align="center">Physics</td>
<td align="center">90</td>
</tr>
<tr>
<td align="center">Computer</td>
<td align="center">70</td>
</tr>
MISS NIKITA PRADHAN 6
<tr>
<td rowspan="3" align="center">2</td>
<td rowspan="3" align="center">Alex</td>
<td align="center">Maths</td>
<td align="center">80</td>
</tr>
<tr>
<td align="center">Physics</td>
<td align="center">70</td>
</tr>
<tr>
<td align="center">Computer</td>
<td align="center">90</td>
</tr>
</table>
</body>
</html>
Output:
MISS NIKITA PRADHAN 7
Table with colspan:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Table with colspan</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="2">Languages and Frameworks</th>
</tr>
<tr>
<td>Python</td>
<td>Django</td>
</tr>
<tr>
<td>JavaScript</td>
<td>React.js</td>
</tr>
<tr>
<td>Ruby</td>
<td>Ruby on Rails</td>
</tr>
</table>
</body>
</html>
MISS NIKITA PRADHAN 8
Output:
MISS NIKITA PRADHAN 9
