Scribd
Upload
15 views9 pages

Heading Image p and Table

The document contains HTML code examples demonstrating the use of various HTML elements, including heading levels, images, paragraphs, tables with attributes, rowspan, and colspan. Each section includes a title and code snippets showcasing how to implement these elements in a webpage. The content emphasizes the educational context of Sanskruti Junior College.

Uploaded by

pradhannikki1997
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views9 pages

Heading Image p and Table

The document contains HTML code examples demonstrating the use of various HTML elements, including heading levels, images, paragraphs, tables with attributes, rowspan, and colspan. Each section includes a title and code snippets showcasing how to implement these elements in a webpage. The content emphasizes the educational context of Sanskruti Junior College.

Uploaded by

pradhannikki1997
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

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

You might also like