Ques 1. Write about internet and web design.
Answer.The Internet is a global network of interconnected
computers and devices that allows for the exchange of
information and communication. It encompasses a vast array
of networks, servers, routers, and other infrastructure that
enable the transmission of data across geographical
boundaries. The Internet operates on a set of protocols
called the Internet Protocol Suite (TCP/IP), which allows for
the seamless transfer of data packets between devices. It
provides various services such as email, file transfer, remote
access, and, most prominently, the World Wide Web.
Web design refers to the process of creating and arranging
the visual elements, layout, and functionality of websites. It
involves a combination of graphic design, user interface (UI)
design, user experience (UX) design, and coding skills to build
websites that are visually appealing, user-friendly, and
effective in achieving their objectives. Web designers use
various tools and technologies to create web pages, including
HTML (Hypertext Markup Language), CSS (Cascading Style
Sheets), JavaScript, and content management systems (CMS)
like WordPress. They focus on creating a cohesive and
intuitive user interface, ensuring compatibility across
different devices and browsers, and optimizing the
performance and accessibility of websites.
3|Page
Ques 2. Write a program to insert an image,
image name.
<html>
<head> <title> Image insertion and name displaying </title>
</head>
<body>
<h1> Example of Image insertion </h1>
<img src="IMAGE.jpeg" alt="IMAGE.jpeg" width="300"
height="200">
</body>
</html>
OUTPUT
4|Page
Ques 3. Write a program to display student
name, roll number, class and image.
<html>
<head>
<title> Student Information </title>
</head>
<body>
<h3 align="center"> STUDENT INFORMATION
TABLE</h3>
<table align="center" width="500" height="500">
<tr>
<th>Name</th>
<th>Roll No</th>
<th>Class</th>
<th>Image</th>
</tr>
<tr>
<td align="center"> Maitreyi Pathak </td>
5|Page
<td align="center"> 22570024 </td>
<td align="center"> XII A </td>
<td align="center"><img src="Maitreyi.jpg"
alt="22570024" width="100" height="100"></td>
</tr>
<tr>
<td align="center"> Gaurav Kapoor </td>
<td align="center"> 22580045 </td>
<td align="center"> XII B </td>
<td align="center"><img src="Gaurav.jpg"
alt="22580045" width="100" height="100"></td>
</tr>
<tr>
<td align="center"> Chitransh Mittal </td>
<td align="center"> 22548069 </td>
<td align="center"> XII E </td>
<td align="center"><img src="Chitransh.jpg"
alt="22548069" width="100" height="100"></td>
6|Page
</tr>
<tr>
<td align="center"> Jiya Sharma </td>
<td align="center"> 22590089 </td>
<td align="center"> XII D </td>
<td align="center"><img src="Jiya.jpg"
alt="22590089" width="100" height="100"></td>
</tr>
<tr>
<td align="center"> Satakshi Tomar </td>
<td align="center"> 22500035 </td>
<td align="center"> XII C </td>
<td align="center"><img src="Satakshi.jpg"
alt="22500035" width="100" height="100"></td>
</tr>
</table>
</body>
</html>
7|Page
OUTPUT
QUES 4. What is CSS and write uses of CSS.
Answer. CSS stands for Cascading Style Sheets. It is a
style sheet language used to describe the look and
formatting of a document written in HTML, XHTML, or
XML. CSS separates the presentation and layout of a web
page from its structure and content, allowing for greater
flexibility and control over the appearance of a website.
Some common uses of CSS include:
8|Page
1. Styling HTML Elements: CSS allows you to define the
visual style of HTML elements, such as fonts, colours,
margins, borders, backgrounds, and more. It provides a
wide range of properties and values to control the
appearance of these elements.
2. Layout Control: CSS enables you to control the
positioning and layout of elements on a web page. You can
specify the size, position, and spacing of elements using
properties like width, height, margin, padding, and display.
3. Responsive Design: CSS is crucial for creating responsive
web designs that adapt to different screen sizes and
devices. Media queries in CSS allow you to apply specific
styles based on factors like screen width, enabling your
website to display appropriately on desktops, tablets, and
mobile devices.
4. Animation and Transitions: CSS provides animations and
transitions that can be applied to elements, allowing you
to add interactive and engaging effects to your website.
With CSS, you can create smooth transitions, keyframe
animations, and transform elements using properties like
animation, transition, and transform.
5. Typography: CSS offers extensive typographic control,
allowing you to customize the fonts, sizes, line heights,
letter spacing, and other text-related properties. You can
9|Page
create visually appealing typography and ensure
readability on your web pages.
6. Accessibility: CSS plays a crucial role in improving web
accessibility. It enables you to define high contrast styles,
adjust text size and spacing for readability, and apply
specific styles for screen readers or other assistive
technologies.
7. Print Stylesheets: CSS allows you to create separate
stylesheets for printing web pages. This enables you to
specify how the content should appear when printed,
such as removing unnecessary elements, adjusting
layouts, and applying specific print styles.
Overall, CSS provides extensive control over the visual
presentation of web pages, enabling web developers to
create aesthetically pleasing, responsive, and accessible
websites.
10 | P a g e
t-¥).~~ "6rott
'N>\\ 'Y\O ~15 7 0 0 \ c
CoUJL'i)e B.St-l µ) U)m~ SuQJ\tt
IDate:
Page No. :
' t\kicut Tuk,mrl: Otrd Wtb ~ ~ +-•---- - - - - - - - - --
9b>.O '\'\lrul .
\ Oate:
Page No.:
- - - - t 1 - -< Y' '> _,,S~ =~ 41= 1111.1\...1.ltlll......-'.</jit:lu_ _ _ _ _ _ _ _ _ _ -
~ .klc~~ -
<~>
1
11
W\~r' oo 1'
"h.,u~= "lroo'' >
<.!tr'>
! ~te : - J
[Page No.: -__J
<.b: >
_ __ <±d2 c.hitto.nbtLBitta.L.q tr.I > -------
- - - --"-'-"~-=-•'-'---=-------"'---'--'j
</trl,..!>
C- - - - - - - - - - -
11
_ _ ___,,__,_i_d2.___{fm~c.~hi~j-~~liit 3 o 69 '' w,'Jfh -= I0~"14;l,
¢:d> </±<>
- ' - - ---IP--
<"-'-"' -- - - - - - - - - - - - - - - - - - - --
<. (/I hf>
<Hd>:
I
::. ",.Ll.S O
,,
DDate:
PageNo.:
\ It, ' " ill,,_
_- - - -
~ -j L~)(1f{L
.l'JUl)U!,\.W,lA:m..J.lrul.#..---""'~ .__"'-h:O-=
° ''-"
ldb!"4)_~ ~
JtJ ' W Cahtr~_
t ti,L
- ---1J,.ljµ~ ~----1.....::,;:,-f~~ UL__~ ~ w
'"""'----'-~
t ~&,WA :\.J. 11 L004J f1'MMriJlfth,
- - -~ -=~7f'-'L-I ~ b dJ1tll6tiW;. Hr Wale t1oaN·~
_ _ _ _ 10~·»t
1
accw.e......
1 b.. . ,O,._,..l--.J->
~lj(A='-._ _ _ _ _ _ _ _ _ __
