Scribd
Upload
12 views3 pages

10th Computer Practical

The document outlines practical HTML coding examples for a 10th-grade computer class, including basic HTML tags, heading tags, styling text, inserting images, creating ordered lists, and building tables. It also mentions tasks related to Excel, such as creating a marks sheet, and Microsoft Word, including creating tables and flowcharts about social media disadvantages. This serves as a guide for students to practice and apply their coding skills in various applications.

Uploaded by

palaksharma180308
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
12 views3 pages

10th Computer Practical

The document outlines practical HTML coding examples for a 10th-grade computer class, including basic HTML tags, heading tags, styling text, inserting images, creating ordered lists, and building tables. It also mentions tasks related to Excel, such as creating a marks sheet, and Microsoft Word, including creating tables and flowcharts about social media disadvantages. This serves as a guide for students to practice and apply their coding skills in various applications.

Uploaded by

palaksharma180308
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

KRISTU JYOTI CONVENT SCHOOL

Class: 10th Subject – Computer


HTML codings for the practical paper:
A: HTML
1. Basic HTML Tags:
Example:1
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
2. Heading Tags:
Example:2
<!DOCTYPE html>
<html>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>

3. Changing background color text color text alignment font family and font size

Example 3:
<!DOCTYPE html>
<html>
<body>

<p style="background-color:lightblue; text-align: center; color:red;font-size:20px;">


It is centered aligned and the font size is set to 20 pixels. Background color is light blue and the text
color is red.
</p>
<br>
<p style="background-color:yellow
</p>

</body>
</html>

4. Image tag
Example 4:
<!DOCTYPE html>
<html>
<body>
<img src="F\Andromeda\Beach picture. Png” alt= “Picture of a beach” width="500" height="333">
</body>
</html>
5. Creating numbered list
Example 5:
<!DOCTYPE html>
<html>
<body>
<h2>An ordered HTML list</h2>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>

6. Creating Table
Example 6:
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<h2>TD elements define table cells</h2>
<table>
<tr>
<th>Name</th>
<th>Class</th>
<th>Roll_No</th>
</tr>
<tr>
<td>Reema</td>
<td>10th</td>
<td>12</td>
</tr>
</table>
</body>
</html>
B: Excel
[Link] a marks sheet in excel.
C:Ms Word
[Link] tables in Microsoft Word
[Link] a flow chart or smart art on disadvantages of social media.

You might also like