10th Std Chapter 1

HTML નો પરિચય

HTMLનો પરિચય

1. HTMLના ઇતિહાસ અને તેના વિકાસ વિશે ટૂંક નોંધ લખો.

જવાબ:

HTML (Hyper Text Markup Language) એ વેબ પેજ બનાવવા માટેની માર્કઅપ ભાષા છે. તેની રચના ટિમ બર્નર્સ-લી (Tim Berners-Lee) દ્વારા ઈ.સ. 1991માં કરવામાં આવી હતી. શરૂઆતમાં HTMLનો ઉપયોગ સરળ વેબ પેજ બનાવવા માટે થતો હતો. સમય જતાં HTMLમાં અનેક સુધારાઓ કરવામાં આવ્યા અને HTML 2.0, HTML 3.2, HTML 4.01, XHTML અને હાલમાં HTML5 સૌથી આધુનિક અને લોકપ્રિય આવૃત્તિ છે. HTML5 માં Audio, Video, Canvas, SVG જેવી નવી સુવિધાઓ ઉમેરવામાં આવી છે. 

2. HTML દસ્તાવેજનું સરળ ઉદાહરણ આપી HTML દસ્તાવેજના માળખાનું વર્ણન કરો. 

HTML દસ્તાવેજનું મૂળભૂત માળખું નીચે મુજબ છે: 

<!DOCTYPE html>

<html>

<head>

<title>મારું પ્રથમ વેબ પેજ</title>

</head>

<body>

<h1>નમસ્તે</h1>

<p>આ મારું પ્રથમ HTML પેજ છે.</p>

</body>

</html>

——————

માળખું:

  • <!DOCTYPE html> → HTML5 જાહેર કરે છે.

  • <html> → HTML દસ્તાવેજની શરૂઆત.

  • <head> → વેબપેજ વિશેની માહિતી રાખે છે.

  • <title> → બ્રાઉઝરની ટાઇટલ બારમાં દેખાતું નામ.

  • <body> → વેબપેજમાં દેખાતી તમામ માહિતી.

3. HTML એલિમેન્ટ એટલે શું? HTML એલિમેન્ટનું માળખું સમજાવો.

જવાબ:

HTML Element એટલે શરૂઆતની ટેગ, વચ્ચેની સામગ્રી અને અંતિમ ટેગનો સમૂહ.

ઉદાહરણ 

<p>Welcome</p>

અહીં

  • <p> → શરૂઆતની ટેગ

  • Welcome → સામગ્રી

  • </p> → અંતિમ ટેગ

4. HTML દસ્તાવેજ તમારા ડેસ્કટોપ પર કેવી રીતે નિહાળી શકાય? 

જવાબ:

  1. Notepad ખોલો.

  2. HTML કોડ લખો.

  3. File → Save As કરો.

  4. File Name તરીકે index.html લખો.

  5. Save કરો.

  6. હવે તે ફાઇલ Browserમાં Open કરો.

5. કોઈપણ ત્રણ બ્રાઉઝરની યાદી બનાવો 

કોઈપણ ત્રણ બ્રાઉઝરની યાદી બનાવો 

જવાબ:

  1. Google Chrome

  2. Mozilla Firefox

  3. Microsoft Edge

અન્ય બ્રાઉઝર:

  • Opera

  • Safari

  • Brave

6. HTML માળખાની વિવિધ ટેગ ઉદાહરણ સાથે ચર્ચો.

Tag

ઉપયોગ

<html>

HTML દસ્તાવેજ શરૂ કરે છે

<head>

વેબપેજની માહિતી રાખે છે

<title>

વેબપેજનું નામ દર્શાવે છે

<body>

મુખ્ય માહિતી દર્શાવે છે

<h1>

મુખ્ય શીર્ષક

<p>

ફકરો લખવા માટે

7. HTML ના વિવિધ ફોર્મેટિંગ ટેગ ઉદાહરણ સાથે ચર્ચો.

Tag    ઉપયોગ

<b>    Bold લખાણ

<i>    Italic લખાણ

<u>    Underline

<strong>    મહત્વપૂર્ણ લખાણ

<em>    ભાર આપવા

<small>    નાનું લખાણ

<mark>    Highlight કરવું

8. HTML ની Preformatted Tag ની ઉદાહરણ સાથે ચર્ચા કરો.

જવાબ:

<pre> Tag લખાણને જે રીતે લખવામાં આવ્યું હોય તે જ રીતે Browserમાં દર્શાવે છે.

ઉદાહરણ: 

<pre>

Name : Ravi

City : Dahod

School : ABC School

</pre>

9. HTML ના Anchor Tag વિશે ટૂંક નોંધ લખો.

જવાબ:
Anchor Tag (<a>) નો ઉપયોગ વેબપેજમાં Link બનાવવા માટે થાય છે. તેની મદદથી બીજા વેબપેજ અથવા વેબસાઇટ પર જઈ શકાય છે.

<a href=”https://www.google.com”>

Google

</a>

10. HTML માં પૂર્ણ અને સંબંધિત સરનામાની વ્યાખ્યા આપી ચર્ચા કરો.

(1) પૂર્ણ સરનામું (Absolute Address)

જેમાં વેબસાઇટનું સંપૂર્ણ URL લખવામાં આવે તેને પૂર્ણ સરનામું કહે છે.
<a href=”https://www.google.com”>

Google

</a>

2) સંબંધિત સરનામું (Relative Address)

જ્યારે એક જ Folderની બીજી Fileનું નામ લખીને Link બનાવવામાં આવે તેને સંબંધિત સરનામું કહે છે.

ઉદાહરણ:
 <a href=”about.html”>
 About Us
 </a>

પરીક્ષા માટે યાદ રાખવાના મુદ્દા

  • HTML = Hyper Text Markup Language

  • HTML ના સર્જક = Tim Berners-Lee

  • પ્રથમ આવૃત્તિ = 1991

  • નવીનતમ આવૃત્તિ = HTML5

  • <a> = Link બનાવવા માટે

  • <pre> = લખાણ જેમનું તેમ દર્શાવવા

  • <b> = Bold

  • <i> = Italic

  • <u> = Underline

  • <html> = HTML ની શરૂઆત

  • <head> = વેબપેજની માહિતી

  • <body> = વેબપેજનું મુખ્ય ભાગ

નીચે આપેલા બહુવિકલ્પી પ્રશ્નોના સાચા જવાબો આપેલા છે:
(1) વેબની માહિતી દર્શાવવા માટે કઈ માર્ક-અપ ભાષાની જરૂર પડે છે?

(a)CML (b) HTML (c) NML (d) WML 

(2) નીચેનામાંથી વેબપેજ દર્શાવવા માટેની ભાષા કઈ ગણાય છે?

(a) HTML (b) WML (c) NML (d) CML

(3) નીચેનામાંથી HTML નું પૂર્ણ નામ શું છે?

(a) Hot Text Manipulation Language
 (b) Hyper Text Manipulation Law
 (c) Hyper Text Markup Language
 (d) Hidden Text Markup Language

(4) નીચેનામાંથી SGML નું પૂર્ણ નામ શું છે?

(a) Standardized General Markup Language
(b) System General Manipulation Law
(c) Standardized Genome Markup Law     
(d) Standardized Gigabyte Markup Language

(5) નીચેનામાંથી HTML એલિમેન્ટનો કોણ સંબંધિત છે?

(a) શરૂઆતની ટેગ, લખાણ અને અંતની ટેગ (b) ખુલતી ફાઇલ (c) લખાણ  (d) આપેલામાંથી કોઈ પણ


(6) HTML એલિમેન્ટની સાથે વપરાતી ગોઠવણ કરવા નીચેનામાંથી શું ઉપયોગમાં લેવાય છે?

(a) સંખ્યા (નંબર) (બ) ગુણધર્મ (Attribute)

(c) ટિપ્પણી (Comment) (d) લખાણ (Content)


(7) નીચેનામાંથી કયો વિકલ્પ ખાલી ટેગ રજૂ કરે છે, જેમાં કોઈ લખાણની જરૂર પડતી નથી?

(a) Complete (b) Empty

(c) Null (d) Void


(8) નીચેનામાંથી કયા ગુણધર્મનો પ્રકાર કોઈ પણ ટેગ સાથે આવી શકે?

(a) અજોડ (Unique) (b) સાર્વત્રિક (Universal)

(c) બિન અગત્યનો (Trivial) (d) પ્રાથમિક (Preliminary)


(9) HTML દસ્તાવેજમાં કયા પ્રકારની માહિતી સમાવી શકાય? 

(a) મલ્ટીમીડિયા માહિતી (b) શાબ્દિક માહિતી

(c) ફાઇલનામનું પથનામ અને ફાઇલનું નામ (d) આપેલ તમામ


(10) HTML દસ્તાવેજને સુધારવા માટે નીચેનામાંથી કયું એડિટર છે? 

(a) SciTE (b) BriTE (c)s LigHT (d) SpriTE