XI Sci @ ZISJC
Dedicated to sharing study material with Zealians
Text formatting
<!DOCTYPE html>
<html>
<head>
<title>Example of HTML5 text formatting tags</title>
</head>
<body>
<b>This text is bold</b><br><br>
<i>This text is italic</i><br><br>
<mark>This text is marked</mark><br><br>
This is <sub>subscript</sub> and <sup>superscript </sup><br><br>
<ins>This text is inserted to the document</ins><br><br>
<del>This text is deleted from the document</del><br><br>
</body>
</html>
Heading levels
<!DOCTYPE html>
<html>
<head>
<title>Heading levels</title>
</head>
<body bgcolor=skyblue>
<H1>Heading level 1 Text is largest in size</H1>
<H2>Heading level 2 </H2>
<H3>Heading level 3</H3>
<H4>Heading level 4</H4>
<H5>Heading level 5</H5>
<H6>Heading level 6 Text is smallest in size</H6>
</body>
</html>
Creating a table
<!DOCTYPE html>
<html>
<head>
<title>Table with 4 rows and 3 columns </title>
</head>
<body>
<table border="2">
<tr>
<th>Sr. No.</th>
<th>Input Device</th>
<th>Output Device</th>
</tr>
<tr>
<td>1</td>
<td>Keyboard</td>
<td>Monitor</td>
</tr>
<tr>
<td>2</td>
<td>Mouse</td>
<td>Printer</td>
</tr>
<tr>
<td>3</td>
<td>Joystick</td>
<td>Plotter</td>
</tr>
</table>
</body>
</html>
09 January 2023
Prog 1:
<!DOCTYPE html>
<html>
<head><title>multiplication</title> </head>
<body bgcolor="yellow">
<h1> Program to calculate multiplication of two numbers </h1>
<script language="javascript">
var a,b,c;
a=76;
b=99.45;
c=a*b;
document.write("<br><h1>multiplication of two numbers : " +c+"</h1>");
</script></body></html>
Prog 2:
<!DOCTYPE html>
<html>
<head><title>Area of circle</title>
</head>
<body bgcolor=yellow>
<h1> Program to calculate area of circle </h1>
<script language="javascript">
var r,area;
r=prompt("Enter the radius of circle");
area=3.14*r*r;
document.write("<h1>you entered radius value:</h1>" +r);
document.write("<h1>Area of circle is :</h1>" +area);
</script>
</body></html>
==============================================================================================
<!DOCTYPE html>
<html>
<head>
<title>Table with 4 rows and 3 columns </title>
</head>
<body>
<table border="2">
<tr>
<th>Sr. No.</th>
<th>Input Device</th>
<th>Output Device</th>
</tr>
<tr>
<td>1</td>
<td>Keyboard</td>
<td>Monitor</td>
</tr>
<tr>
<td>2</td>
<td>Mouse</td>
<td>Printer</td>
</tr>
<tr>
<td>3</td>
<td>Joystick</td>
<td>Plotter</td>
</tr>
</table>
</body>
</html>
Output:
20 Dec 2022
(Q1) What is Information Technology [IT] ?
(Q2) What is ICT (Information Communication Technology) ?
(Q3) What is Data ?
(Q4) What is Information ?
(Q5) What is Computer ?
(2)A Computer is a machine or device that performs processes, calculations and operations based on instructions provided by a software or hardware program.
(3)It is designed to execute applications and provides a variety of solutions by combining integrated hardware and software components.
(Q6) Explain Components of a Computer.
(1)Input Device :- Allows you to enter data and instructions into a computer
(2)Output Device :- Hardware component that conveys information to one or more people
(3)System Unit :- Case that contains the electronic components of the computer that are used to process data.
(4)Communications Device :- Enables a computer to send and receive data, instructions, and information to and from one or more computers or mobile devices.
(5)Storage Device :- Records (writes) and/or retrieves (reads) items to and from storage media.
(Q7) What is Computer System ?
(1)A computer system is a set of integrated devices that input, output, process, and store data and information.
(2)Computer system is currently built around at least one digital processing device.
(Q8) What are the five major functions of Computer System ?
(1)It accepts data or instructions by way of input.
(2)It stores data.
(3)It can process data as required by the user.
(4)It gives results in the form of output.
(5)It controls all operations.
(Q9) Explain Architecture of Computer in Brief.
(1)Input Unit
(2)Central Processing Unit
(3)Output Unit
1. Input Unit
(1)This unit helps user to enter data and commands into a computer system.
(2)Input unit converts data and instructions into binary form and directs into computer.
2. Central Processing Unit (CPU)
(1)CPU is the brain of the computer.
(2)CPU processes the data according to the instructions provided.
(3)CPU is on a single chip called as Processor
(4)The CPU has following units :
(A)Arithmetic Logic Unit
(B)Control Unit
(c)Memory Registers
(Q10) What is Output Unit ?
(2)It converts the processed data into a format which human can understand.
(Q11) What is Memory ?
(Q12) Explain two types of Memory.
1. Primary Memory or Internal Memory
2. Secondary Memory or External Memory
1. Primary Memory
It have divided into two part:-
a. RAM (Random Access Memory)
b. ROM (Read Only Memory)
2. Secondary Memory
1. MAGNETIC TAPES
2. HARD DISK DRIVE (HDD)
3. SOLID STATE DRIVE (SDD)
4. OPTICAL DISKS
5. FLASH MEMORY
6. PEN DRIVE
(Q13) What is RAM (Random Access Memory) ?
(2)It is read-write memory.
(3)On starting the computer, the operating system is loaded in RAM.
(4)It is temporary memory.
(5)The information stored in RAM is lost on switching OFF Power supply.
(6)Therefore It is also called Volatile Memory.
(Q14) What is ROM (Read Only Memory) ?
(2)It is permanent memory and read only.
(3)The ROM is used by Operating system to perform major input/output tasks.
(4)There are numerous ROM chips located on the motherboard and a few on expansion boards.
(5)The chips are essential for the basic input/output system (BIOS), boot up, reading and writing to peripheral devices, basic data management and the software for basic processes for certain utilities.
(Q15) Explain UNITS OF MEMORY ?
(1)Nibble :- A group of 4 bits is called nibble E.g. 1101, 1001, 1111
(1)Byte :- A group of 8 bits is called byte. A byte is the smallest unit which can represent a character.
14 Dec
=====================================================
<!DOCTYPE html>
<html>
<head>
<title>multiplication</title>
</head>
<body bgcolor="yellow">
<h1> Program to calculate multiplication of two numbers </h1>
<script language="javascript">
var a,b,c;
a=76;
b=99.45;
c=a*b;
document.write("<br><h1>multiplication of two numbers : " +c+"</h1>");
</script>
</body>
</html>
=============================================================
Prog 2
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Functions</h2>
<p>This example calls a function to convert from Fahrenheit to Celsius:</p>
<p id="demo"></p>
<script>
function toCelsius(f)
{
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
</script>
</body>
</html>
======================================================
23 November
Software Installation
https://www.tutorialspoint.com/online_html_editor.php
Code for 03 Nov 22
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>HTML Table</h2>
<table>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</table>
</body>
</html>
Click here to submit your files
Practice on Website Colors
Example 1: Using color name
Example 2:
Example 3:
Example 4: Apply border color
Example 5: Using RGB values
Example 6: Gray shades using RGB values
Example 7: Using HEXADECIMAL Code ( HEX Code)
Example 8: Gray shades using HEXADECIMAL Code ( HEX Code)
15 sept 2022
Sample SOP
<!-- Student Name:
Std:
Roll number:
Class Name:
-->
<!DOCTYPE html>
<html>
<head>
<Title> Use of colgroup</Title>
</head>
<body>
<table border="2">
<colgroup>
<col span="2" bgcolor="red">
<!-- here span =2 is given so that the background color effect will be continued for first two columns.-->
<col bgcolor="yellow">
<!-- here span is not used but after first two columns all the remaining columns will be displayed in yellow color-->
</colgroup>
<tr>
<th>Sr</th>
<th>Topic Name</th>
<th>Weightage</th>
</tr>
<tr>
<td>1</td>
<td>Basics of IT</td>
<td>20</td>
</tr>
<tr>
<td>2</td>
<td>Introduction to DBMS</td>
<td>15</td>
</tr>
<tr>
<td>3</td>
<td>Impressive Web Designing</td>
<td>30</td>
</tr>
</table>
</body>
</html>
14 sept 2022
Example of Input Type Text in HTML FORM
<!DOCTYPE html>
<html>
<body>
<h2>Text field</h2>
<p>The <strong>input type="text"</strong> defines a one-line text input field:</p>
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname"><br><br>
<input type="submit" value="Submit">
</form>
<p>Note that the form itself is not visible.</p>
<p>Also note that the default width of a text field is 20 characters.</p>
</body>
</html>
Example of Input Type Password in HTML FORM
13 sept 2022
1. SecondJs.html
Click here to Install Notepad++
Comments
Post a Comment