Regular practice of Class 10 IT Theory Questions and SSLC IT Chapter 5 Theory Questions Malayalam Medium വെബ്പേജ് സ്റ്റൈലാക്കാം prepares students for objective and descriptive examinations.
Class 10 IT Chapter 5 Question Answer Malayalam Medium
SSLC IT Chapter 5 Theory Questions Malayalam Medium
InText Questions and Answers
Question 1.
ചിത്രത്തിലെ രണ്ടു വെബ്പേജുകൾ തമ്മിൽ എന്തെല്ലാം വ്യത്യാസങ്ങളുണ്ട്? പട്ടികപ്പെടുത്തുക.
Answer:
| Sample 1 | Sample 2 |
| ടെക്സ്റ്റുകൾ ഒരേ നിറത്തിൽ | വ്യത്യസ്ത നിറത്തിലുള്ള ടെക്സ്റ്റ് |
| പശ്ചാത്തല നിറമില്ല | പേജിന് പശ്ചാത്തലനിറം |
| ഒറ്റ കോളം ലേഔട്ട് | ഉൽപ്പന്നങ്ങൾക്കായുള്ള രണ്ട് കോളം ലേഔട്ട് |
| ഡിഫോൾട്ട് ഫോണ്ട് ശൈലിയും വലുപ്പവും | ഇഷ്ടാനുസൃത ഫോണ്ട് വലുപ്പവും ശൈലിയും ഉപയോഗിക്കുന്നു |
| വിഭാഗങ്ങൾക്കിടയിൽ അകലമില്ല | ശരിയായ അകലവും വിന്യാസവും |
Question 2.
ഓരോ HTML എലമെന്റിനും/ടാഗിനും നൽകിയിരിക്കുന്ന ശൈലികൾ കണ്ടെത്തി താഴെ നൽകിയിരിക്കുന്ന പട്ടികകൾ പൂർത്തിയാക്കുക.
<h2>Featured Products</h2> <div> <h3>Hand-made soaps</h3> <img src=“ soaps.png”> <p>Beautiful hand-made soaps made by our students. Each piece is one-of-a-kind!<br>PriceRs.40</p> </div>
<h2style= “color:#0000FF;”>Featured Products</h2> <div style=“background-colOT:#9FE2BF;”> <h3 style=“text-align:center;color:#A569BD;”>Hand-made soaps</h3> <img src=“soaps.png”> <p style=“text-align:center;background- color:#FFD700;color:#333333;fonr-weight:bold;”>Beautifiil hand-made soaps made by our students. Each piece is one-of-a-kind!<br>Price Rs.40</p> </div>
Answer:
| Style | Property | Value |
| വാചകം മധ്യത്തിലേക്ക് അടുക്കി വയ്ക്കുക | text-align: | center; |
| ഫോണ്ടിന്റെ കനം ക്രമീകരിക്കുക | font-weight: | bold; |
| ഒരു എലമെന്റിന്റെ പശ്ചാത്തല നിറം സജ്ജമാക്കുക | background-color: | #FFD700; |
| വാചകത്തിന്റെ നിറം സജ്ജമാക്കുക | color: | #0000FF;,#A569BD |
Question 3.
ഇൻ ലൈൻ കാഡിങ് സ്റ്റൈലിനെ അപേക്ഷിച്ച് ഇന്റേണൽ കാഡിങ് സ്റ്റൈലിനുള്ള പ്രത്യേകതകൾ പട്ടികയിൽ രേഖപ്പെടുത്തുക.
Answer:
| Inline Cascading Style ഇൻലൈൻ കാസ്കേഡിങ് സ്റ്റൈൽ | Internal Cascading Style ഇന്റേണൽ കാഡിങ് സ്റ്റൈൽ |
| ഓരോ ടാഗിനും പ്രത്യേകമായി സ്റ്റൈൽ നൽകേണ്ടിവരുന്നു. | ഒരു ടാഗിന് ഒരു തവണ സ്റ്റൈൽ നൽകിയാൽ മതി. |
| കോഡുകൾ സങ്കീർണ്ണമാകുന്നു. | കോഡ് കൂടുതൽ ക്രമത്തിലാകുന്നു. |
| കോഡുകൾ നീണ്ടുപോകുന്നു. | കോഡ് ചുരുങ്ങിയതും സുതാര്യവുമാകുന്നു. |
| സ്റ്റൈൽ പുനരുപയോഗിക്കാൻ ബുദ്ധിമുട്ടാണ്. | ഒരേ സ്റ്റൈൽ പല ടാഗുകൾക്കായി എളുപ്പത്തിൽ ഉപയോഗിക്കാം. |
| വലിയ പ്രോജക്ടുകൾക്ക് അനുയോജ്യമല്ല. | ഇടത്തരം വലിപ്പമുള്ള വെബ് പേജുകൾക്കോ പ്രോജക്റ്റുകൾക്കോ അനുയോജ്യം. |
Class 10 IT Chapter 5 Let’s Assess
Question 1.
ഒരു വെബ്പേജിലെ ടെക്സ്റ്റ് പേജിന്റെ മധ്യത്തിൽ വരുത്തുന്നതിന് ഉപയോഗിക്കുന്ന സ്റ്റൈൽ
സവിശേഷതയേതാണ്?
a) color: #a569bd;
b) font-family: Gentium Basic;
c) text-align: center;
d) font-weight: bold;
Answer:
c) text-align: center;
Question 2.
<h3 style=”text-align:center;color:#a569bd;”>Hand-made Notebooks</h3>
ഈ വരിയിൽ ഉപയോഗിച്ചിരിക്കുന്ന കാഡിങ് സ്റ്റൈൽ ഏത്?
a) Inline
b) Internal
c) External
d) Outline
Answer:
a) Inline
a) ഇൻലൈൻ
b) ഇന്റേണൽ
c) എക്സ്റ്റേണൽ
d) ഔഡ്ലൈൻ
Answer:
a) ഇൻലൈൻ
Question 3.
എക്സ്റ്റേണൽ കാഡിങ് സ്റ്റൈൽ ഷീറ്റ് ഉപയോഗിക്കുമ്പോൾ ഏതു ടാഗ് ഉപയോഗിച്ചാണ് സ്റ്റൈൽ ഷീറ്റ് HTML പേജിലുൾപ്പെടുത്തേണ്ടത്?
a) rel
b) type
c) css
d) link
Answer:
d) link
Std 10 IT Chapter 5 Extended Activities
Question 1.
നിങ്ങൾ താമസിക്കുന്ന വാർഡിലെ വീടുകളിൽ തയ്യാറാക്കുന്ന നാടൻ ഉൽപ്പന്നങ്ങൾ, വിളയിക്കുന്ന പച്ചക്കറികൾ എന്നിവ വിറ്റഴിക്കാൻ സഹായിക്കുന്ന ഒരു വെബ്പേജ് CSS ഉപയോഗിച്ച് തയ്യാറാക്കുക.
Answer:
<!DOCTYPE html>
<html>
<head>
<title>Local Products</title>
<style>
body {
font-family: Arial;
background-color: #f2fff0;
text-align: center;
}
h1 {
color: green;
}
.item {
border: 1 px solid #cce5cc;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
</style>
</head>
<body>
<h1>Native Products & Home-Grown Vegetables</h1>
<p>Support your local farmers. Buy fresh and healthy products from your own ward!</p>
<div class= "item”>
<h2>Organic Tomatoes</h2>
<p>Fresh and juicy - ₹30/kg</p>
</div>
<div class= "item”>
<h2>Pure Honey</h2>
<p>Natural forest honey - ₹ 250/500ml</p>
</div>
<div class=”item”>
<h2>Green Leaves</h2>
<p>Daily harvested - ₹10/bunch</p>
</div>
</body>
</html>
Question 2.
ചുവടെ നൽകിയിരിക്കുന്നവ ഒരു സ്കൂളിലെ വാർത്തകൾ പ്രസിദ്ധീകരിക്കുന്നതിനുള്ള നിർമ്മിക്കുന്നതിനായി തയ്യാറാക്കിയതാണ്. പക്ഷേ, ഇത് പൂർണ്ണമല്ല. ഈ കോഡ് ടെക്സ്റ്റ് എഡിറ്ററിൽ പകർത്തി ഉചിതമായ സ്റ്റൈലുകൾ നൽകി വെബ്പേജ് ഭംഗിയാക്കുക.
<html> <head> <title>GHSS Alappuzha - School News</title> </head> <body> <div> <h1>Welcome to GHSS Alappuzha - School News</h1> <p>Stay updated with the latest events, achievements, and announcements !</p> </div> <div> <h2>Sports Day Highlights</h2> <h3>Exciting Moments from the Field</h3> <p>Our Annual Sports Day was a thrilling success, with students competing in various events such as races, football, and long jump. Here are the key highlights of the day.</p> </div> <div> <h2>School Kalolsavam Highlights</h2> <h3>Amazing Performances by Our Students</h3> <p>This year’s School Kalolsavam displayed incredible talent from our students.Various artforms were showcased, leaving everyone amazed at the creativity on display.</p> </div> </body> </html>
Answer:
SSLC IT വെബ്പേജ് സ്റ്റൈലാക്കാം Questions and Answers Malayalam Medium
Question 1.
CSS എന്താണ് സൂചിപ്പിക്കുന്നത്?
(a) Creative Style Sheets
(b) Computer Style Sheets
(c) Cascading Style Sheets
(d) Colorful Style Sheets
Answer:
(c) Cascading Style Sheets
Question 2.
HTML ൽ ഒരു എക്സ്റ്റേണൽ CSS ഫയലുമായി ലിങ്ക് ചെയ്യാൻ ഉപയോഗിക്കുന്ന ടാഗ് ഏതാണ്?
(a) <style>
(b) <link>
(c) <css>
(d) <script>
Answer:
(b) <link>
Question 3.
ഇൻലൈൻ CSSന് ഉപയോഗിക്കുന്ന ആട്രിബ്യൂട്ട് ഏതാണ്?
(a) style
(b) css
(c) class
(d) id
Answer:
(a) style
Question 4.
ഒരു CSS ഫയലിന്റെ ശരിയായ ഫയൽ എക്സ്റ്റൻഷൻ ഏതാണ്?
(a) .html
(b) .css
(c) .script
(d) .txt
Answer:
(b) .css
Question 5.
HTML ഡോക്യുമെന്റിന്റെ ഏത് ഭാഗത്താണ് ഇന്റേണൽ CSS അടങ്ങിയിരിക്കുന്നത്?
(a) <body>
(b) <footer>
(c) <head>
(d) <title>
Answer:
(c) <head>
Question 6.
താഴെ പറയുന്നവയിൽ ഏതാണ് സാധുവായ CSS കളർ വാല അല്ലാത്തത്?
(a) red
(b) #00ff00
(c) rgb(255,0,0)
(d) color:green
Answer:
(d) color:green
Question 7.
CSSൽ പശ്ചാത്തല നിറം മാറ്റാൻ ഉപയോഗി ക്കുന്ന പ്രോപ്പർട്ടി ഏതാണ്?
(a) bgcolor
(b) background-color
(c) color
(d) text-color
Answer:
(b) background-color
Question 8.
ടെക്സ്റ്റ് വലുപ്പം മാറ്റാൻ ഏത് CSS പ്രോപ്പർട്ടി ഉപയോഗിക്കുന്നു?
(a) text-size
(b) font-style
(c) font-size
(d) text-style
Answer:
(c) font-size
Question 9.
CSS ലെ “C” എന്തിനെയാണ് സൂചിപ്പിക്കുന്നത്?
(a) Cascading
(b) Computer
(c) Code
(d) Color
Answer:
(a) Cascading
Question 10.
ഒന്നിലധികം പേജുകളിൽ സ്റ്റൈൽ വീണ്ടും ഉപയോഗിക്കാൻ അനുവദിക്കുന്ന CSS തരം ഏതാണ്?
(a) ഇൻലൈൻ CSS
(b) ഇന്റേണൽ CSS
(c) എക്സ്റ്റേണൽ CSS
(d) HTML
Answer:
(c) എക്സ്റ്റേണൽ CSS
Question 11.
CSS ലെ എല്ലാ പാരഗ്രാഫ് ടാഗുകളെയും ലക്ഷ്യ മിടുന്ന സെലക്ടർ ഏതാണ്?
(a) #p
(b) .p
(c) p
(d) <p>
Answer:
(c) p
Question 12.
CSS ഉപയോഗിച്ച് ടെക്സ്റ്റ് ബോൾഡ് ആക്കുന്നതിനുള്ള ശരിയായ വാക്യഘടന എന്താണ്
(a) font-weight: bold;
(b) text-style: bold;
(c) font-style: bold;
(d) text-weight: bold;
Answer:
(a) font-weight: bold;
Question 13.
വാചകം മധ്യത്തിലാക്കാൻ ഉപയോഗിക്കുന്ന പ്രോപ്പർട്ടി ഏതാണ്?
(a) align
(b) text-align
(c) center
(d) font-align
Answer:
(b) text-align
Question 14.
ഒരു എലമെന്റിന്റെ ബോർഡറിനുള്ളിൽ സ്ഥലം ചേർക്കുന്ന CSS പ്രോപ്പർട്ടി ഏതാണ്?
(a) margin
(b) padding
(c) border-spacing
(d) spacing
Answer:
(b) padding
Question 15.
ഫോണ്ട് സ്റ്റൈൽ ഇറ്റാലിക് ആക്കാൻ ഏത് പ്രോപ്പർട്ടി ആണ് ഉപയോഗിക്കുന്നത്?
(a) font-type
(b) font-style
(c) style
(d) text-style
Answer:
(b) font-style
Question 16.
ഒരു പേജിലെ എല്ലാ ഘടകങ്ങൾക്കും ഒരു സ്റ്റൈൽ ഉപയോഗിക്കാൻ, ഏത് സെലക്ടർ ഉപയോഗിക്കുന്നു?
(a) *
(b) #all
(c) .all
(d) page
Answer:
(a) *
Question 17.
CSSൽ ഒരു ID സെലക്ടറിനെ സൂചിപ്പിക്കാൻ ഉപയോഗിക്കുന്ന ചിഹ്നം എന്താണ്?
(a). (dot)
(b) # (hash)
(c) * (asterisk)
(d) @ (at)
Answer:
(b) # (hash)
Question 18.
ക്ലാസ് സെലക്ടറുകൾക്ക് ഏത് ചിഹ്നമാണ് ഉപയോഗിക്കുന്നത്?
(a) #
(b) @
(c) .
(d) &
Answer:
(c) .
Question 19.
CSSൽ എങ്ങനെയാണ് ഒരു കമന്റ് എഴുതുന്നത്?
(a) // comment
(b) <!— comment —>
(c) /* comment */
(d) ## comment
Answer:
(c) /* comment */
Question 20.
താഴെ പറയുന്നവയിൽ ഏതാണ് സാധുവായ CSS നിയമം?
(a) p=”color: blue”;
(b) p {color: blue;}
(c) p: color blue;
(d) p -> color = blue
Answer:
(b) p {color: blue;}
Question 21.
താഴെ പറയുന്നവയിൽ ഏതാണ് ഒരു പ്രത്യേക ഘടകത്തിന് മാത്രം സ്റ്റൈൽ ബാധകമാ ക്കുന്നത്?
a) ഇൻലൈൻ CSS
b) എക്സ്റ്റേണൽ CSS
c) angema CSS
d) യൂണിവേഴ്സൽ സെലക്ടർ
Answer:
a) ഇൻലൈൻ CSS
Question 22.
HTMLലെ ഡിഫോൾട്ട് ടെക്സ്റ്റ് അലൈൻമെന്റ് എന്താണ്?
(a) center
(b) right
(c) justify
(d) left
Answer:
(d) left
Question 23.
എത്ര തരം CSS ഉണ്ട്?
(a) 1
(b) 2
(c) 3
(d) 4
Answer:
(c) 3
Question 24.
വാചകത്തിന്റെ നിറം മാറ്റാൻ ഉപയോഗിക്കുന്ന പ്രോപ്പർട്ടി ഏതാണ്?
(a) text-color
(b) font-color
(c) color
(d) style-color
Answer:
(c) color
Question 25.
താഴെ പറയുന്നവയിൽ ഏതാണ് സാധുവായ ഇൻലൈൻ CSS വാക്യഘടന?
(a) <h1 style=”color-red;”>Heading</h1>
(b) <h1 css=”color:red;”>Heading</h1>
(c) <h1 style=”color:red;”>Heading</h1>
(d) <h1 style-color:red;>Heading</h1>
Answer:
(c) <h1 style=”color:red;”>Heading</h1>
Question 26.
താഴെ പറയുന്ന HTML ടാഗുകൾ അവയുടെ ഉദ്ദേശ്യവുമായി പൊരുത്തപ്പെടുത്തുക:
a) <link>
b)<style>
c) style= “”
i) Inline styling
ii) External CSS
iii) Internal CSS
(a) a – ii, b – iii, c – i
(b) a – i, b – ii, c – iii
(c) a – iii, b – i, c – ii
(d) a – ii, b – i, c – iii
Answer:
(a) a – ii, b – iii, c – i
a) <link> – ii) External CSS
b)<style> – iii) Internal CSS
c) style= “” – i) Inline styling
Question 27.
താഴെ പറയുന്നവയിൽ ഏതാണ് CSS അല്ലാത്തത്?
(a) ഇൻലൈൻ
(b) ഇന്റേണൽ
(c) എക്സ്റ്റേണൽ
(d) ഇന്റർമീഡിയറ്റ്
Answer:
(d) ഇന്റർമീഡിയറ്റ്
Question 28.
<link rel=”stylesheet” href=”style.css”> എന്താണ് ചെയ്യുന്നത്?
(a) ഒരു ചിത്രം ചേർക്കുന്നു
(b) JavaScript ഉൾച്ചേർക്കുന്നു
(c) ഒരു എക്സ്റ്റേണൽ CSS ലിങ്ക് ചെയ്യുന്നു
(d) ഇൻലൈൻ CSS പ്രയോഗിക്കുന്നു
Answer:
(c) ഒരു എക്സ്റ്റേണൽ CSS ലിങ്ക് ചെയ്യുന്നു
Question 29.
ഇന്റേണൽ CSS പ്രയോഗിക്കുന്നതിനുള്ള ശരിയായ മാർഗം ഏതാണ്?
(a) Inside <html> tag
(b) Inside <body> tag
(c) Inside <head> using <style>
(d) After <title> using <css>
Answer:
(c) Inside <head> using <style>
Question 30.
CSS സെലക്ടറിനെ അതിന്റെ അർത്ഥവുമായി പൊരുത്തപ്പെടുത്തുക
a) #id
b) .class
c) p
i) Element with specific class
ii) Specific tag
iii) Element with specific id
(a) a – iii, b – i, c – ii
(b) a – ii, b – iii, c – i
(c) a – i, b – ii, c – iii
(d) a – iii, b – ii, c – i
Answer:
(a) a – iii, b – i, c – ii
a) #id – iii) Element with specific id
b) .class – i) Element with specific class
c) p – ii) Specific tag
Question 31.
ഫോണ്ട് വലുപ്പം 20px ആയി മാറ്റുന്നതിന് ശരിയായ CSS വാക്യഘടന തിരഞ്ഞെടുക്കുക.
(a) font-size:20;
(b) font-size=”20px”
(c) font:20px;
(d) font-size:20px
Answer:
(d) font-size:20px
Question 32.
താഴെ പറയുന്നവയിൽ ഏതാണ് CSS ൽ ശരിയായ ക്ലാസ് സെലക്ടർ?
(a) #title {}
(b) @title {}
(c) .title}}
(d) title:{}
Answer:
(c) .title}}
Question 33.
ഇന്റേണൽ CSS ഉപയോഗിച്ച് ശരിയായ HTML ഘടന തിരിച്ചറിയുക.
(a) <style> <head>p {color:red;}</head></style>
(b) <head><style>p {color:red;}</style></head>
(c) <body><style>p {color:red;}</style></body>
(d) <style>head {p {color:red;}}</style>
Answer:
(b) <head><style>p {color:red;}</style></head>
Question 34.
HTML ന്റെ പൂർണ്ണ രൂപം എഴുതുക.
(a) Hyper Text Mark up Language
(b) Hyper Tool Mark up Language
(c) Hyper Tool Model Link
(d) High Text Mark Language
Answer:
(a) Hyper Text Mark up Language
Question 35.
താഴെയുള്ള കോഡിന്റെ ക്ലാസ് നാമം എന്താണ്:
p.cyan
{
color:#faebd7;
}
(a) cyan
(b) p
(c) color
(d) None of these
Answer:
(a) cyan
(ഓപ്ഷനുകളിൽ നിന്ന് രണ്ട് ശരിയായ ഉത്തരങ്ങൾ തിരഞ്ഞെടുക്കുക)
Question 36.
താഴെ പറയുന്നവയിൽ ഏതൊക്കെയാണ് സാധു വായ CSS തരങ്ങൾ?
a) ഇൻ്റേണൽ CSS
b) സ്റ്റാറ്റിക് CSS
c) എക്സ്റ്റേണൽ CSS
d) ഇന്ററാക്ടിവ് CSS
e) ഇൻലൈൻ CSS
Answer:
a) ഇൻ്റേണൽ CSS & c) എക്സ്റ്റേണൽ CSS
Question 37.
ഒരു HTML ഡോക്യൂമെന്റിൽ ഇന്റേണൽ CSS പ്രയോഗിക്കാൻ ഉപയോഗിക്കുന്ന ടാഗുകൾ ഏതാണ്?
(a) <head>
(b) <body>
(c) <css>
(d) <style>
(e) <link>
Answer:
(a) <head> & (d) <style>
Question 38.
ടെക്സ്റ്റ് രൂപഭാവം മാറ്റുന്നതിനുള്ള ശരിയായ CSS പ്രോപ്പർട്ടികൾ ഇവയിൽ ഏതാണ്?
(a) color
(b) font-size
(c) background-style
(d) width
(e) font-weight
Answer:
(a) color & (b) font-size
Question 39.
HTMLൽ CSS പ്രയോഗിക്കുന്നതിനുള്ള സാധു വായ വഴികളെ സൂചിപ്പിക്കുന്ന ഓപ്ഷനുകൾ ഏതാണ്?
(a) ഒരു <script> ടാഗ് ഉപയോഗിക്കുന്നു
(b) ഒരു <style> ടാഗ് ഉപയോഗിക്കുന്നു
(c) <link> ഉപയോഗിച്ച് ഒരു css ഫയൽ ലിങ്ക് ചെയ്യുന്നു
(d) ഒരു കമന്റിനുള്ളിൽ CSS എഴുതുന്നു.
(e) സ്റ്റൈൽ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് CSS പ്രയോഗിക്കുന്നു
Answer:
(b) ഒരു <style> ടാഗ് ഉപയോഗിക്കുന്നു & (c) <link> ഉപയോഗിച്ച് ഒരു css ഫയൽ ലിങ്ക് ചെയ്യുന്നു
Question 40.
ഇനിപ്പറയുന്നവയിൽ ഏതാണ് ശരിയായ ഇൻലൈൻ CSS ഉപയോഗങ്ങൾ
(a) <h1 style=”font-size:20px;”>Title</h1>
(b) <h1 style=”size=20;”>Title</h1>
(c) <p style=”color:blue;”>Text</p>
(d) <div css=”color:red;”>Box</div>
(e) <span style=”font-weight:bold;”>Bold</span>
Answer:
(a) <h1 style=”font-size:20px;”>Title</h1> & (c) <p style=”color:blue;”>Text</p>
Question 41.
താഴെ പറയുന്നവയിൽ ഏതാണ് CSSൽ ഉപയോ ഗിക്കുന്നത്?
(a) #id
(b) .class
(c) >tag
(d)::element
(e) =style
Answer:
(a) #id & (b) .class
Question 42.
ഘടകങ്ങൾക്ക് ചുറ്റുമുള്ള സ്പേസിംഗ് ക്രമീ കരിക്കാൻ സഹായിക്കുന്ന CSS പ്രോപ്പർട്ടികൾ ഏതാണ്?
(a) padding
(b) margin
(c) color
(d) spacing
(e) float
Answer:
(a) padding & (b) margin
Question 43.
CSSലെ പൊസിഷൻ പ്രോപ്പർട്ടിക്ക് താഴെ പറ യുന്നവയിൽ ഏതാണ് മൂല്യമാകാൻ കഴിയുക?
(a) static
(b) absolute
(c) visible
(d) fixed
(e) float
Answer:
(a) static & (b) absolute
Question 44.
സാധുവായ എക്സ്റ്റേണൽ CSS ഫയൽ നാമ ങ്ങൾ ഏതൊക്കെയാണ്?
(a) styles.css
(b) main.style
(c) format.html
(d) theme.css
(e) layout.txt
Answer:
(a) styles.css & (d) theme.css
Question 45.
സ്റ്റൈലിംഗിനായി <head> വിഭാഗത്തിൽ ഉൾപ്പെടുന്ന ടാഗുകൾ ഏതാണ്?
(a) <style>
(b)<link>
(c) <script>
(d)<body>
(e) <div>
Answer:
(a) <style> & (b)<link>
Question 46.
താഴെ പറയുന്നവയിൽ ഏതെല്ലാം HTML ടാഗു കളാണ് CSS ഉപയോഗിച്ച് സ്റ്റൈൽ ചെയ്യാൻ കഴിയുക?
(a) <p>
(b) <img>
(c) <table>
(d) <style>
(e) <link>
Answer:
(a) <p> & (c) <table>
Question 47.
CSS ഉപയോഗിച്ച് ടെക്സ്റ്റ് centeralign ചെയ്യാൻ ഉപയോഗിക്കുന്ന ഓപ്ഷനുകൾ ഏതാണ്?
(a) text-align: center;
(b) align-text: center;
(c) display: center;
(d) margin: auto;
(e) justify-content: center;
Answer:
(a) text-align: center; & (d) margin: auto;
Question 48.
CSSൽ ഡിസ്പ്ലേ പ്രോപ്പർട്ടിക്ക് valid ആയ മൂല്യ ങ്ങൾ ഏതാണ്?
(a) block
(b) inline
(c) float
(d) none
(e) center
Answer:
(a) block & (b) inline
Question 49.
താഴെ പറയുന്നവയിൽ CSS ഉപയോഗിക്കുന്നതിന്റെ ഗുണങ്ങൾ ഏതാണ്?
(a) പുനരുപയോഗക്ഷമത
(b) ലോഡിംഗ് സമയം വർദ്ധിപ്പിക്കുന്നു
(c) എളുപ്പത്തിലുള്ള അറ്റകുറ്റപ്പണി
(d) HTML മാറ്റിസ്ഥാപിക്കുന്നു
(e) വെബ്പേജ് സ്റ്റൈലിഷ് ആക്കുന്നു
Answer:
(a) പുനരുപയോഗക്ഷമത & (c) എളുപ്പത്തിലുള്ള അറ്റകുറ്റപ്പണി
Question 50.
ഏതൊക്കെ CSS values ആണ് ടെക്സ്റ്റ് ബോൾഡും ഇറ്റാലിക്കും ആക്കുന്നത്?
(a) font-weight: bold;
(b) font-style: italic;
(c) text-transform: bold;
(d) display: italic;
(e) style: bold-italic;
Answer:
(a) font-weight: bold; & (b) font-style: italic;
Question 51.
താഴെ പറയുന്നവയിൽ ഏതാണ് CSS ലെ ശരി യായ ക്ലാസ് സെലക്ടറുകൾ?
(a) .box
(b) #box
(c) box.
(d) .heading
(e) class:heading
Answer:
(a) .box & (d) .heading
Question 52.
<style> ടാഗിനുള്ളിൽ താഴെ പറയുന്നവയിൽ ഏതാണ് സ്ഥാപിക്കാൻ കഴിയുക?
(a) CSS selectors and rules
(b) JavaScript functions
(c) Inline CSS
(d) Media queries
(e) HTML tags
Answer:
(a) CSS selectors and rules & (d) Media queries
Question 53.
CSS ലിങ്ക് ചെയ്യുന്നതിന് <link>ൽ ഏതൊക്കെ രണ്ട് ആട്രിബ്യൂട്ടുകൾ നിർബന്ധമാണ്?
(a) href
(b) type
(c) rel
(d) src
(e) name
Answer:
(a) href & (c) rel
Question 54.
CSS സ്പെസിഫിസിറ്റിയെ അടിസ്ഥാനമാക്കി, ഖണ്ഡികയിൽ ഏതൊക്കെ നിറങ്ങൾ പ്രയോ ഗിക്കാം?
<head>
<style>
P{
color:blue;
}
.highlight{
color:red;
}
#main{
color:green;
}
</style>
</head>
<body>
<p id="main" class="highlight">This is a paragraph.</p>
</body>
(a) blue
(b) red
(c) green
(d) violet
(e) All of the above
Answer:
(b) red & (c) green
SSLC IT Chapter 3 Notes Malayalam Medium
HTML
വെബ്പേജുകൾ സൃഷ്ടിക്കാൻ HTML ഉപയോഗി ക്കുന്നു, Hyper Text Markup Language എന്നതിന്റെ ചുരുക്കെഴുത്താണ് ഇത്. ഒരു വെബ്സൈറ്റ് നിരവധി കണക്റ്റുചെയ്ത് വെബ് പേജുകൾ ചേർന്നതാണ്. പേജുകൾ മികച്ചതാക്കാൻ HTML ടാഗുകളും ആടി ബ്യൂട്ടുകളും ഉപയോഗിക്കുന്നു. വ്യത്യസ്ത പേജുകളിൽ ഒരേ കോഡ് ആവർത്തിക്കുന്നത് ഒഴിവാക്കാൻ, CSS (കാഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ) ഉപയോഗി ക്കുന്നു, ഇത് പൊതുവായ സ്റ്റൈൽ ഒരിടത്ത് സംഭരിച്ചു കൊണ്ട് സമയവും മെമ്മറിയും ലാഭിക്കാൻ സഹായി ക്കുന്നു.
Styles (സ്റ്റൈൽ)
സ്റ്റൈൽ നിർദേശങ്ങൾക്ക് രണ്ടു ഭാഗങ്ങളുണ്ട്. സ്റ്റൈലിന്റെ സവിശേഷത (Property) ഉൾപ്പെടുന്ന ഭാഗവും ആ സവിശേഷതയുടെ വില (Value) ഉൾ പ്പെടുന്ന ഭാഗവും. ഉദാഹരണത്തിന് 12 എന്ന ടാഗിന്റെ style ആട്രിബ്യൂട്ടിലെ നിർദേശം color: #0000FF; എന്നാണ്. ഇതിൽ color എന്നത് ടാഗ് എലമെന്റിന്റെ സവിശേഷതയും #0000FF എന്നത് ആ സവിശേഷ തയുടെ മൂല്യം അഥവാ വിലയുമാണ്. സവിശേഷത പ്രതിപാദിച്ച ശേഷം എന്ന ഭിത്തിക ചിഹ്നവും വില നൽകി ശേഷം ; എന്ന അർധവിരാമ ചിഹ്നവും നൽകണം.
CSS (Cascading Style Sheets)
CSS 1996ൽ വേൾഡ് വൈഡ് വെബ് കൺസോർ ഷ്യമാണ് (W3C) പരിചയപ്പെടുത്തിയത്. ഈ ആശയം
ഹാക്കോൺ വിയം ലീ, ബെർട്ട് ബോസ് എന്നിവർ ചേർന്നാണ് നിർദേശിച്ചത്. CSS എന്നത് Cascading Style Sheets എന്നതിന്റെ ചുരുക്കരൂപമാണ്. വെബ് പേജുകൾ ഡിസൈൻ ചെയ്യുന്നതിനായി, നിറങ്ങൾ, ഫോണ്ടുകൾ, ലേഔട്ട് തുടങ്ങിയ രൂപകൽപ്പനാ ഘടകങ്ങളെ ഉള്ളടക്കത്തിൽ നിന്ന് വേർതിരിക്കാൻ ഇത് ഉപയോഗി ക്കുന്നു. ഓരോ വെബ് പേജിലും ഒരേ സ്റ്റൈലുകൾ ആവർത്തിച്ച് എഴുതുന്നതിനുപകരം, എല്ലാ സ്റ്റൈലു കളും ഒരൊറ്റ ഫയലിൽ css എക്സ്റ്റെൻഷനോടുകൂടി എഴുതാം. ഈ ഫയൽ വെബ് പേജിൽ ലിങ്ക് ചെയ്യാൻ ഒരു വരിയിലുള്ള കോഡ് മാത്രം മതിയാകും.
1.ഇൻലൈൻ CSS: ഇത് സ്റ്റൈൽ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഒരു HTML ടാഗിനുള്ളിൽ നേരിട്ട് എഴുതുന്നു. ഇത് ആ നിർദ്ദിഷ്ട ഘടകത്തിന് മാത്രമേ സ്റ്റൈൽ പ്രയോഗിക്കുന്നുള്ളൂ.
Example:
<p style=”color: blue; font-size: 18px;”>This is inline CSS.</p>
2. ഓരോ html എലമെന്റിലും വരേണ്ട സ്റ്റൈലുകൾ പ്രത്യേകമായി style ടാഗുകൾക്കുള്ളിൽ അതേ ഫയലിന്റെ <head> സെക്ഷനിൽ ചേർക്കുന്ന രീതിയാണ് ഇന്റേണൽ കാഡിങ് സ്റ്റൈൽ. <style> ടാഗിനുള്ളിൽ { } ബ്രാക്കറ്റുകൾക്കു ള്ളിലാണ് സ്റ്റൈൽ നിർദേശങ്ങൾ നൽകുന്നത്.
Example:
<!DOCTYPE html>
<html>
<head>
<style>
p{
}
color: green;
font-size: 20px;
</style>
</head>
<body>
<p>This is internal CSS.</p>
</body>
</html>
3. എക്സ്റ്റേണൽ CSS: ഇത് ഒരു പ്രത്യേക. css ഫയലിലാണ് എഴുതിയിരിക്കുന്നത്. ഈ ഫയൽ <link> ടാഗ് ഉപയോഗിച്ച് HTML ഡോക്യുമെന്റു മായി ലിങ്ക് ചെയ്തിരിക്കുന്നു. ഒന്നിലധികം വെബ്പേജുകൾ സ്റ്റൈൽ ചെയ്യാൻ ഇത് ഉപയോ ഗിക്കാം.
Example:
style.css
P{
color: red;
font-size: 22px;
}
HTML file:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>This is external CSS.</p>
</body>
<html>
ടൈപ്പ് സെലക്ടറുകൾ (Type Selectors)
ഒരു വെബ്പേജിലെ ടാഗുകളിൽ പ്രയോഗിക്കാൻ ഉദ്ദേശിച്ചുള്ള സ്റ്റൈലുകളാണ് ടൈപ്പ് സെലക്ടറുകൾ. അവ രണ്ട് തരത്തിലാണ്:
1. എലമെന്റ് സെലക്ടർ; ഒരു എലമെന്റ് സെലക്ടർ HTML ഘടകങ്ങളെ അവയുടെ tag name (p, h1, div, മുതലായവ) ഉപയോഗിച്ച് ടാർഗെറ്റു ചെയ്യു കയും ഡോക്യുമെന്റിലെ എല്ലാ ഘടക ങ്ങൾക്കും സ്റ്റൈലുകൾ പ്രയോഗിക്കുകയും ചെയ്യുന്നു.
Syntax:
element_name {
property value;
{
Example:
p{
color: green;
}
2. ക്ലാസ് സെലക്ടർ: ഒരു ക്ലാസ് സെലക്ടർ ഉപ യോഗിച്ച് നിർദ്ദിഷ്ട ഘടകങ്ങൾക്ക് ഒരു class name നൽകി അവ സ്റ്റൈൽ ചെയ്യുന്നു. ഇത് ഒരു ഡോട്ട് (.) ഉപയോഗിച്ച് ആരംഭിക്കുന്നു. തുടർന്ന് class name.
Syntax:
.classname{
property value;
}
Example:
.highlight {
background-color: yellow;
}
കാഡിങ് സ്റ്റൈൽ ഓഡർ (Cascading Style Order)
ഒരേ എലമെന്റിനുതന്നെ ഒന്നിലധികം കാസ്കേഡിങ് സ്റ്റൈൽ നൽകിയിട്ടുണ്ടെങ്കിൽ ഏതാണ് പ്രാബല്യ ത്തിൽ വരേണ്ടതെന്നതിന് ക്രമം നിശ്ചയിച്ചിട്ടുണ്ട്. ഇത്തരത്തിൽ, എക്സ്റ്റേണലായും ഇന്റേണലായും ഇൻലൈനായും ഒരേ എലമെന്റിന് സവിശേഷത നൽ കുകയാണെങ്കിൽ ബ്രൗസർ സ്റ്റൈൽ തിരഞ്ഞ ടുക്കുന്നതിന്റെ മുൻഗണനക്രമം താഴെ നൽകി യിരിക്കുന്നു.
