2

Q1. DNS क्या है? Domain Name और Domain Name Registration

DNS (Domain Name System)

DNS इंटरनेट का एक "फोनबुक" है।
हर कंप्यूटर या वेबसाइट का एक IP Address होता है, जैसे `192.168.1.1` या `172.217.12.206`, लेकिन इन्हें याद रखना मुश्किल होता है।

DNS का काम: नामों को IP Address में बदलना, ताकि हम आसानी से वेबसाइट खोल सकें।

उदाहरण:
हम `www.google.com` टाइप करते हैं, लेकिन कंप्यूटर इसे IP Address में बदलकर Google के सर्वर से कनेक्ट करता है।

सरल शब्दों में: DNS इंटरनेट का वह सिस्टम है जो नामों और IP Addresses के बीच bridge बनाता है।

Domain Name क्या है?

Domain Name वह नाम है जिसे हम इंटरनेट पर वेबसाइट खोलने के लिए इस्तेमाल करते हैं।
यह IP Address का आसान रूप है।

उदाहरण:

`www.google.com`

`www.facebook.com`

Domain Name के हिस्से:

भाग विवरण उदाहरण
Top Level Domain (TLD) डोमेन का आखिरी हिस्सा .com, .org, .net, .in
Second Level Domain (SLD) TLD से पहले वाला भाग google (google.com)
Subdomain (Optional) मुख्य डोमेन से पहले mail.google.com → mail subdomain है

भाग	विवरण	उदाहरण
Top Level Domain (TLD)	डोमेन का आखिरी हिस्सा	.com, .org, .net, .in
Second Level Domain (SLD)	TLD से पहले वाला भाग	google (google.com)
Subdomain (Optional)	मुख्य डोमेन से पहले	mail.google.com → mail subdomain है

Domain Name Registration

Domain Name Registration का मतलब है किसी वेबसाइट का नाम इंटरनेट पर रिजर्व करना।

कैसे करें:

किसी Domain Registrar (जैसे GoDaddy, Namecheap) की वेबसाइट पर जाएँ।

पसंदीदा डोमेन नाम उपलब्ध है या नहीं चेक करें।

उपलब्ध होने पर रजिस्ट्रेशन के लिए भुगतान करें।

डोमेन आपके नाम से पंजीकृत हो जाता है।

नोट:

डोमेन नाम यूनिक होना चाहिए।

डोमेन नाम हर साल रिन्यू करना पड़ता है।

Q2. Short Notes

(a) Web Browser & Web Server

Web Browser:

एक software application जो इंटरनेट से web pages दिखाने के लिए इस्तेमाल होता है।

उदाहरण: Google Chrome, Mozilla Firefox, Microsoft Edge, Safari

काम: URL enter करने पर वेबसाइट के web server से data fetch करता है।

Web Server:

एक computer या program जो web pages और files store और provide करता है।

उदाहरण: Apache Server, Microsoft IIS

काम: Browser की request को process करके data भेजना।

सारांश:

Web Browser = User Interface

Web Server = Data Provider

(b) Static & Dynamic Web Pages

Static Web Pages:

Fixed content वाले pages।

Content manually update करने पर ही बदलता है।

Example: Simple HTML pages, company info pages.

Advantage: Fast loading, easy creation

Disadvantage: Content update manually करना पड़ता है

Dynamic Web Pages:

Interactive pages, content database या user input से dynamically बदलता है।

Example: Facebook, YouTube, Online shopping websites

Advantage: Personalized content, easy backend update

Disadvantage: Thoda slow loading, complex programming

(c) Difference between HTML and XHTML

Feature HTML XHTML
Full Form HyperText Markup Language eXtensible HyperText Markup Language
Syntax आसान, flexible Strict, XML rules follow करता है
Case Sensitivity Tags uppercase या lowercase चले जाते हैं Tags हमेशा lowercase होने चाहिए
Closing Tags कुछ tags close करना optional है सभी tags close करना जरूरी है
Error Handling Errors ignore कर देता है Syntax error होने पर page नहीं दिखता

सारांश: HTML आसान और flexible है, XHTML strict और XML rules follow करता है।

Feature	HTML	XHTML
Full Form	HyperText Markup Language	eXtensible HyperText Markup Language
Syntax	आसान, flexible	Strict, XML rules follow करता है
Case Sensitivity	Tags uppercase या lowercase चले जाते हैं	Tags हमेशा lowercase होने चाहिए
Closing Tags	कुछ tags close करना optional है	सभी tags close करना जरूरी है
Error Handling	Errors ignore कर देता है	Syntax error होने पर page नहीं दिखता

Q3. HTML Form: Attributes और Elements

HTML Form क्या है?

HTML में Form का उपयोग user से data input लेने के लिए किया जाता है।
उदाहरण: Login form, Registration form, Feedback form

Major Attributes of FORM

Attribute Description Example
action Form data कहाँ भेजा जाएगा `<form action="submit.php">`
method Data भेजने का तरीका GET / POST `<form method="POST">`
name Form का नाम `<form name="myForm">`
id Form को uniquely identify करना `<form id="loginForm">`
enctype Data के encoding type के लिए `multipart/form-data` (file upload)

Attribute	Description	Example
action	Form data कहाँ भेजा जाएगा	`<form action="submit.php">`
method	Data भेजने का तरीका	GET / POST `<form method="POST">`
name	Form का नाम	`<form name="myForm">`
id	Form को uniquely identify करना	`<form id="loginForm">`
enctype	Data के encoding type के लिए	`multipart/form-data` (file upload)

FORM Elements with Examples

Text Input:


Name: <input type="text" name="username">

Password Input:


Password: <input type="password" name="pass">

Radio Button:


Gender: 
<input type="radio" name="gender" value="Male"> Male
<input type="radio" name="gender" value="Female"> Female

Checkbox:


Hobbies: 
<input type="checkbox" name="hobby" value="Reading"> Reading
<input type="checkbox" name="hobby" value="Sports"> Sports

Submit Button:


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

Reset Button:


<input type="reset" value="Reset">

Textarea (Multi-line Input):


<textarea name="message" rows="4" cols="30"></textarea>

Select (Dropdown):


<select name="country">
  <option value="India">India</option>
  <option value="USA">USA</option>
</select>

Q4. CSS और प्रमुख Properties

CSS क्या है?

CSS (Cascading Style Sheets) HTML pages को style और design देने के लिए use होता है।

Apply करने के तरीके:

Inline CSS – HTML tag के अंदर

Internal CSS – `<style>` tag के अंदर

External CSS – अलग file में और link करके

CSS Properties

1. Font: Text style, size, color change करना


p {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: blue;
}

2. Background: Page या element का background set करना


body {
  background-color: lightblue;
  background-image: url('bg.jpg');
}

3. Border: Element के चारों तरफ border


div {
  border: 2px solid black;
  border-radius: 10px;
}

4. Positioning: Element को exact location पर set करना


div {
  position: absolute;
  top: 50px;
  left: 100px;
}

5. Display: Element का display behavior set करना


span {
  display: block;
}

6. List: List style बदलना (bullets/numbering)


ul { list-style-type: square; }
ol { list-style-type: decimal; }

7. Spacing: Margin और padding


div {
  margin: 20px;
  padding: 10px;
}

Q5. JavaScript Data Types और DOM

JavaScript Data Types

1. Primitive Data Types

Data Type Description Example
Number Integer या decimal `let age = 25;`
String Text `let name = "Sonu";`
Boolean True / False `let isStudent = true;`
Undefined Variable declared लेकिन value नहीं `let x;`
Null Explicitly empty `let y = null;`
BigInt बड़े numbers `let big = 12345678901234567890n;`
Symbol Unique identifiers `let id = Symbol("id");`

2. Non-Primitive (Reference) Data Types

Data Type Description Example
Object Key-value pairs `let person = {name:"Sonu", age:25};`
Array Ordered list `let numbers = [1,2,3,4];`
Function Reusable code block `function sum(a,b){ return a+b; }`

Data Type	Description	Example
Number	Integer या decimal	`let age = 25;`
String	Text	`let name = "Sonu";`
Boolean	True / False	`let isStudent = true;`
Undefined	Variable declared लेकिन value नहीं	`let x;`
Null	Explicitly empty	`let y = null;`
BigInt	बड़े numbers	`let big = 12345678901234567890n;`
Symbol	Unique identifiers	`let id = Symbol("id");`

Data Type	Description	Example
Object	Key-value pairs	`let person = {name:"Sonu", age:25};`
Array	Ordered list	`let numbers = [1,2,3,4];`
Function	Reusable code block	`function sum(a,b){ return a+b; }`

DOM (Document Object Model)

DOM HTML page और JavaScript के बीच interface है।

HTML page का tree structure
JavaScript से elements access, modify, add/remove किया जा सकता है।

Features:

Document Tree Structure
Access Elements


document.getElementById("demo").innerHTML = "Hello World";

Modify Elements


document.getElementById("demo").style.color = "red";

Add/Remove Elements


let para = document.createElement("p");
para.innerHTML = "New Paragraph";
document.body.appendChild(para);

Event Handling


document.getElementById("btn").onclick = function(){
  alert("Button clicked!");
};