Practical-1 SK 1

You might also like

Download as pdf or txt
Download as pdf or txt
You are on page 1of 5

Practical-1

Name: Sourabh Kulkarni

Date @April 9, 2023

Roll Number 18

Subject CDS-245- Lab on CDS-242

Q1.Design an HTML form to accept Company name,


Address, Phone number and Email-ID.
Ans:
Input:

<form>
<title>Company Form</title>
<h1>Company Form </h1>
<label for="company-name">Company Name:</label>
<input type="text" id="company-name" name="company-name"><br>

<label for="address">Address:</label>
<input type="text" id="address" name="address"><br>

<label for="phone-number">Phone Number:</label>


<input type="tel" id="phone-number" name="phone-number"><br>

<label for="email">Email-ID:</label>
<input type="email" id="email" name="email"><br>

<input type="submit" value="Submit">


</form>

Output:

Practical-1 1
Q2.Design an HTML to generate the following output.

Ans:
Input:

<html>
<head>
<title>Company Expenditures Chart</title>
</head>
<body align="center" vlign="middle">
<p><b>Expenditures of the Company (in Lakh Rupees) per Annum over
the Given
Years</b></p>
<center>
<table border="1" align="center" vlign="middle">
<tr>
<th rowspan="2">Year</th>
<th colspan="5">Item of Expenditure</th>
</tr>

Practical-1 2
<tr>
<th>Salary</th>
<th>Fuel and Transport</th>
<th>Bonus</th>
<th>Intrest on Loans</th>
<th>Taxes</th>
</tr>
<tr>
<th>1998</th>
<th>288</th>
<th>98</th>
<th>3.00</th>
<th>23.4</th>
<th>83</th>
</tr>
<tr>
<th>1999</th>
<th>342</th>
<th>112</th>
<th>2.52</th>
<th>32.5</th>
<th>108</th>
</tr>
<tr>
<th>2000</th>
<th>324</th>
<th>101</th>
<th>3.84</th>
<th>41.6</th>
<th>74</th>
</tr>
<tr>
<th>2001</th>
<th>336</th>
<th>133</th>
<th>3.68</th>
<th>36.4</th>
<th>88</th>
</tr>
<tr>
<th>1998</th>
<th>420</th>
<th>142</th>
<th>3.96</th>
<th>49.4</th>
<th>98</th>
</tr>
</table>
</center>
</body>
</html>

Output:

Practical-1 3
Q3.Create an html page with 7 separate lines in
different colors and sizes. State size and color of
each line in its text.
Input:
Input:

<html>
<head>
<title>HTML Diff-Size Diff-Color</title>
</head>
<body>
<font size="1" color="red">Line 1: Color = Red, Size = 1</font>
<hr width="100%" size="1" color="red">
<font size="2" color="blue">Line 2: Color = Blue, Size = 2</font>
<hr width="100%" size="2" color="blue">
<font size="3" color="green">Line 3: Color = Green, Size = 3</font>
<hr width="100%" size="3" color="green">
<font size="4" color="Yellow">Line 4: Color = Yellow, Size = 4</font>
<hr width="100%" size="4" color="Yellow">
<font size="5" color="black">Line 5: Color = Black, Size = 5</font>
<hr width="100%" size="5" color="black">
<font size="6" color="violet">Line 6: Color = Violet, Size = 6</font>
<hr width="100%" size="6" color="violet">
<font size="6.5" color="grey">Line 7: Color = Grey, Size = 6.5</font>
<hr width="100%" size="6.5" color="grey">
</body>
</html>

Output:

Practical-1 4
Practical-1 5

You might also like