Scribd
Upload
18 views57 pages

Physics One Mark

One mark questions

Uploaded by

johnflemingloyola
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
18 views57 pages

Physics One Mark

One mark questions

Uploaded by

johnflemingloyola
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
You are on page 1/ 57

Basic Tags

Input:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="background-color: gray;">
<h1 style="color: yellow;"><center>Chemistry For Physics</center></h1>
<h2 style="color: black;">What is Chemistry?</h2>
<p style="color: black;">Chemistry is the scientific study of the property and
Behaviour<br>
of matter and Compounds made of atoms,Molecules and ions:<br>
Their composition,Structure , Properties Behaviour and the changes<br>
they undergo during Reaction with other substance. Chemistry also<br>
address the nature of Chemical bonds in chemical compounds</p>
<p style="color: red;">Chemistry is some how interconnected with Physics</p>
<p style="color: black;"><i>Now lwts see some chemistry Elements</i></p>
<p>Caco<sub>3</sub><b>This is a chemical compound.</b></p>
<p><b>It has O<sup>3+</sup>Ions</b></p>
<img src="1.jfif" width="300" height="200" alt="alan" >
</body>
</html>

Output:
Resume
Input:

<html>
<head>
<title> Curriculum Vitae </title>
</head>
<body>
<table align="center" width=40%" >
<th bgcolor="F0E68C" align="left" width="45%">
<center>
<img src="ime.jpg" height="200" width="200" border="1"/>
</center>
<center>
<h1><font size="18px"> RICKY ALAN RAJ PS </font> </h1>
</center>
<font face="calibri light" size="8px"><u>Contact</u></font>
<br>
<ul>
<li>Address: <br> 1/254,pillaiyar koil st,<br>chennai-125</li>
<li>Phone: <br> 8838357725 </li>
<li>Email : <br>[email protected]</li>
</ul>
<br>
<font face="Calibri light" size="8px"><u>Skills Highlights </u> </font>
<br>
<ul>
<li>Computer Hardware</li>
<li>Professional Artist </li>
<li>Innovative </li>
</ul>
</th>
<th align="left">
<font face="calibri light" size="8px"><u>Personal Information </u></font>
<p>
My name is Ricky Alan Raj, and I'm currently in my second year pursuing<br> a BSc in
Physics at Loyola College. Beyond academics, my true passion lies in creating
artworks,<br> both for personal satisfaction and occasionally for sale. I enjoy exploring
customization<br> in my art, which allows me to showcase my creativity and
craftsmanship.<br>I come from a family where dedication is paramount. <br>My father's
background as an ex-serviceman and my mother's career as a school teacher <br>have
instilled in me a strong work ethic and a deep appreciation for education.<br> My brother
is also pursuing his postgraduate studies in psychology at Loyola College, <br>which
further inspires me to strive for excellence in my own academic journey<br>

<font face="calibri light" size="8px"><u>Education </u></font>


<ul>
Bachelor of Science: Physics <br>
2<sup>nd</sup> year <br>
Loyola college<br>
Chennai-34
</ul>
</th>
</table>
</body>
</html>

Output:
List Tags
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Newtons dhabba</title>
</head>
<body style="background-color:black;">
<h1 style="background-color: white;"><big> <center>Newtons
Dhabba</center></big></h1>
<hr>
<h2 style="background-color:red; color:
white;"><center><big>Menu</big></center></h2>
<h3 style="background-color:
white;"><i><big><u><center>Non-Veg</center></u></big></i></h3>
<div class="rows">
<div class="column">
<img src="01.jpg" alt="biriyani" width="200" height="200">
<ul style="color: white;">
<li>Chicken Biriyani @120</li>
<li>Chicken Rice @100</li>
<li>chicken Noodles @120</li>
</ul>
</div>
<div class="column">
<img src="02.jpg" alt="chicken" width="200" height="
200">
</div>
</div>
<h5 style="background-color: white;"><big> Lunch Spl Combo!!</big></h5>
<p style="background-color: red;"><i><b>Limited Offer!</b></i></p>
<ol style="color:white;"><big>
<li>cocacola+Biriyani @199</li>
<li> Cocacola + Chicken rice @150</li>
<li> pepsi + Chicken Rice @230</li>
</big></ol>

<h3 style="background-color:
green;"><i><big><u><center>Veg</center></u></big></i></h3>
<img src="03.jfif" alt="fried rice" width="200" height="200">
<ul style="color: white;"><big>
<li>Veg Rice @80</li>
<li>Mashroom rice @100</li>
<li>vegetable Biriyani @120</li>
<li>Gobi Rice @100</li>
</big></ul>

</body>
</html>

Output:
Table Tags
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Class Timetable</title>
</head>
<body>
<h1 style="background-color: #5ec4f2;"><center>II<sup>nd</sup>Year Class Time
Table</center></h1>
<hr>
<table align="center" border="1">
<tr>
<th>Day Order</th>
<th>1st hour</th>
<th>2nd hour</th>
<th>3rd hour</th>
<th>4th hour</th>
<th>5th hour</th>
</tr>

<tr>
<th>1</th>
<td>MP</td>
<td>PMA</td>
<td>AO</td>
<td>EM</td>
<td>Gl</td>
</tr>

<tr>
<th>2</th>
<td>PMA</td>
<td>AO</td>
<td>AO</td>
<td>EM</td>
<td>GE</td>
</tr>

<tr>
<th>3</th>
<td>EM</td>
<td>GE</td>
<td>GL</td>
<td>MP</td>
<td>AO</td>
</tr>

<tr>
<th>4</th>
<td>PMA</td>
<td>GE</td>
<td>FC</td>
<td>AO</td>
<td>AO</td>
</tr>
<tr>
<th>5</th>
<td>EM</td>
<td>AO</td>
<td>AO</td>
<td>FC</td>
<td>MP</td>
</tr>

</table>
<hr>

</body>
</html>

Output:
Link Tags
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Physics</title>
</head>
<body style="background-color: #fbc7a9;">
<h1 style="font-size: 50px; text-align: center;"><u>Albert Einsten</u></h1>
<table align="center" width="70%">
<a href="https://en.wikipedia.org/wiki/Albert_Einstein" target="_blank">
<center>
<img src="albert.jpg" alt="Albert_Einstein" width="300px" height="350px">
</center>
</a>
<p><center><b>Albert Einstein</b>was a german-born theoretical physicist who is
whidely held as one of the most influential
scientist. <br> Best Known for developing the theory of relativity, Einstein also
made important contributions to quantum mechanics.</center></p>
<a href="https://youtube.com/shorts/2Hx0kF9PlQo?si=-TxmqsyxFKkztAbb"
style="color: red; target="_blank"><b><u><center>Life History of Albert
Einstein</center></u></b> </a>
</table>
</body>
</html>

Output:
Frameset
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Example-Frames</title>
</head>
<frameset rows="100,*">
<frame name="top" src="title.html">
<frameset cols="20,60,20">
<frame name="left" src="left.html">
<frame name="mid" src="mid.html">
<frame name="right" src="right.html">
</frameset>
<noframes>
<i>Error to Display those who cannot see frames</i>
</noframes>
</frameset>

</html>

Output:
Audio & Video Tag
Input:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>audio&video</title>
</head>

<body>
<video width="800" height="450" controls>
<source src="video.mp4" type="video/mp4">
</video>

<audio width="600" height="1000" controls>


<source src="sound.mp3" type="audio/mp3">
</audio>

</body>
</html>

Output:
Form Tags
Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Html Forms</title>
</head>
<body><big>
<h1>HTML FORMS</h1>
<form>
<lable for="">First Name:</lable>
<input type="text" placeholder="alan" name="">
<br>
<lable for="">Last Name:</lable>
<input type="text" placeholder="raj" name="">
<br>
<label for="">Gender:</label>
<input type="radio" value="male">male
<input type="radio" value="female"> female
<br>
<label for="">Age:</label>
<input type="text" name="">
<br>
<label for=""> Address :</label>
<br>
<textarea type="text" id="" name="" cols="20" rows="5"></textarea>
<br>
<input type="submit" name="submit">
</big>
</form>

</body>
</html>

Output:
Types of CSS
Input:

<html>
<body>
<h1 style="color:white;"> Profile </h1>
<center><img src="ime.jpg" alt="alan"></center>
<hr>
<p style="color:white;"> My name is Ricky alan raj. I'm studing Bsc.physics degree in
Loyola College <br> Nungambakkam,<br>Chennai-34 . </p>
<h2 style="color:white;"> Contact </h2>
<p style="color:white;"> 1/254 , Pillaiyar koil st,<br>Manapakkam,<br>Chennai-
600125.<br> Ph no: 8838357725<br>Email:[email protected]</p>
<hr>
</body>
</html>
<head>
<style>
body{ background-color:blue}
</style>
<link rel="stylesheet" href="style.css">
</head>
</html>

Output:
CSS Background
Input:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("art7.jfif");
background-repeat: no-repeat;
background-size: 100%;
}
</style>
</head>
<body>

<h1 style="background-color:white;">Wanna See My Artwork</h1>


<p style="color:white;">This Art is Done By Ricky Alan.</p>

</body>
</html>
Output:
CSS Font
Input:

<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: 'Brush Script MT', cursive;
}
</style>
</head>
<body>

<h1>This Exersice Shows How To make the font even more stylish using Css </h1>

<p>Css makes Your webpage even more Attractive!</p>

</body>
</html>

Output:
CSS Link
Input:
<!DOCTYPE html>
<html>
<head>
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
</head>
<body>
<h2>One of the famous Search engine</h2>
<p>Look Below!!!:</p>
<a href="https://www.google.com/" target="_blank">Google</a>
</body>
</html>

Output:
CSS List
Input:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-image: url('sqpurple.gif');
}
</style>
</head>
<body>

<h2>The list-style-image Property</h2>

<p>My Hobbies</p>

<ul>
<li>Artwork</li>
<li>Hearing music</li>
<li>Reading Books</li>
</ul>

</body>
</html>

Output:
JavaScript Operators
Input:
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>Lets Do some calculations</h2>

<p id="demo"></p>

<script>
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z
let z = (x * y)+(x-y);
// Display z
document.getElementById("demo").innerHTML = "The value for (x * y)+(x-y) is: " + z;
</script>

</body>
</html>
Output:
JavaScript If-Else Statement

Input:
<html>
<body>
<h1>If-Else</h1>
<p id="op"></p>
<script>
var a=68;
var b=69;
var c=70;
var x=(a+b*c+b-b*c*a);
document.getElementById("op").innerHTML=x;
if (x>=0) {
document.writer("x>=0");
} else {
document.write("x<0")
}
</script>
</body>
</html>
Output:
JavaScript If-Else Statement

Input:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Else-If</h2>

<p>A time-based greeting:</p>

<p id="demo"></p>

<script>
const time = new Date().getHours();
let greeting;
if (time < 10) {
greeting = "Good morning";
} else if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
document.getElementById("demo").innerHTML = greeting;
</script>
</body>
</html>

Output:
JavaScript For Loop

Input:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript For Loop</h2>

<p id="demo"></p>

<script>
let text = "";

for (let i =0; i < 10; i++) {


text += "The number is " + i + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>
Output:

JavaScript While Loop


Input:
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript While Loop</h2>

<p id="demo"></p>

<script>
let text = "";
let i = 0;
while (i < 2*10+1-8) {
text += "<br>The number is " + i;
i++;
}
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Output:
JavaScript Do-While Loop

Input:
<!DOCTYPE html>
<html>
<body>
<h style="color:tomato;"><u>JAVASCRIPT DO-WHILE LOOP </u></h>

<h2>Integers</h2>

<p id="demo"></p>

<script>
let text = ""
let i = -10;

do {
text += "<br>The number is " + i;
i++;
}
while (i < 10);

document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
Output:

JavaScript Array

Input:
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:violet;">Best Cars</h1>

<p id="demo"></p>

<script>
const cars = ["RolesRoyals", "Audi", "BMW"];
document.getElementById("demo").innerHTML = cars;
</script>

</body>
</html>

Output:
JavaScript Switch

Input:
<!DOCTYPE html>
<html>
<body>
<h2 style="background-color:tomato;">JavaScript switch</h2>
<p id="demo"></p>

<script>
let day;
switch (new Date().getDay()) {
case 0:
day = "Sunday";
break;
case 1:
day = "Monday";
break;
case 2:
day = "Tuesday";
break;
case 3:
day = "Wednesday";
break;
case 4:
day = "Thursday";
break;
case 5:
day = "Friday";
break;
case 6:
day = "Saturday";
}
document.getElementById("demo").innerHTML = "Today is " + day;
</script>
</body>
</html>

Output:

JavaScript Form Validation


Input:

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Form Validation</h2>
<p>Please input a number between 10 and 100:</p>
<input id="numb">

<button type="button" onclick="myFunction()">Submit</button>


<p id="demo"></p>

<script>

function myFunction() {
// Get the value of the input field with id="numb"

let x = document.getElementById("numb").value;
// If x is Not a Number or less than ten or greater than 100

let text;
if (isNaN(x) || x < 10 || x > 100) {
text = "Input not valid";
} else {

text = "Input OK";


}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>

Output:

JavaScript Function

Input:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Calculator</title>
<script>
function appendToResult(value) {
document.getElementById('result').value += value;
}

function clearResult() {
document.getElementById('result').value = '';
}

function calculateResult() {
const resultField = document.getElementById('result');
try {
resultField.value = eval(resultField.value);
} catch (error) {
resultField.value = 'Error';
}
}
</script>
</head>
<body>
<div>
<input type="text" id="result" disabled>
<div>
<button onclick="clearResult()">C</button>
<button onclick="appendToResult('7')">7</button>
<button onclick="appendToResult('8')">8</button>
<button onclick="appendToResult('9')">9</button>
<button onclick="appendToResult('/')">/</button><br>
<button onclick="appendToResult('4')">4</button>
<button onclick="appendToResult('5')">5</button>
<button onclick="appendToResult('6')">6</button>
<button onclick="appendToResult('*')">*</button><br>
<button onclick="appendToResult('1')">1</button>
<button onclick="appendToResult('2')">2</button>
<button onclick="appendToResult('3')">3</button>
<button onclick="appendToResult('-')">-</button><br>
<button onclick="appendToResult('0')">0</button>
<button onclick="calculateResult()">=</button>
<button onclick="appendToResult('+')">+</button>
</div>
</div>
</body>
</html>

Output:
Bootstrap Dropdown

Input:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></
script>
</head>
<body>

<div class="container">
<h2>Web Design</h2>
<p>The Topics Which comes under Web Designing</p>
<p>These Laguages Helps you to Create a Perfect Web page</p>
<p>To see what are the programmes . "click the DropDown Button"</p>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-
toggle="dropdown">Programming Languages
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
<li><a href="#">JavaScript</a></li>
</ul>
</div>
</div>

</body>
</html>

Output:

Bootstrap Table

Input:
<html>
<head >

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet" >
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
></script>
<title >Bootstrap - Table</title >
</head >
<body >
<h1>Ricky Alan Raj </h1>
<hr>
<p>Mark details</p>

<table class="table" >


<thead >
<tr >
<th scope="col" >Sr.No.</th >
<th scope="col" >Subjects</th >
<th scope="col" >Total Mark</th >
<th scope="col" >Grade</th >
</tr >
</thead >
<tbody >
<tr >
<th scope="row" >1</th >
<td >Electrostatics & Magnetism</td >
<td >89</td >
<td >D+</td >
</tr >
<tr >
<th scope="row" >2</th >
<td >Mathamatical Physics</td >
<td >76</td >
<td >A</td >
</tr >
<tr >
<th scope="row" >3</th >
<td >Web Design</td >
<td >100</td >
<td >O+</td >
</tr >

</tbody >
</table >
</body >
</html >

Output:

You might also like