By RISERS ACADEMY
MCQS
Which of the following tag is not a correct HTML tag? / HTML کا کون سا ٹیگ درست نہیں ہے؟
A) <list>
B) <li>
C) <ul>
D) <ol>
What does CSS stand for? / CSS مخفف ہے:
Which of the following tag is used to create a hyperlink in HTML? / ہائپر لنک بنانے کے لیے ٹیگ استعمال ہوتا ہے:
A) <a>
B) <link>
C) <href>
D) <url>
Which HTML attribute is used to define inline styles? / HTML میں ان لائن سٹائل کے لیے attribute استعمال ہوتا ہے:
A) class
B) style
C) styles
D) font
Which of the following is the correct syntax for a CSS rule? / CSS رول کے لیے درست syntax ہے:
A) selector {property: value;}
B) selector: {property: value;}
C) selector (property-value;)
D) selector {property=value}
In HTML, which markup is used for comments? / HTML میں کون سا مارک اپ کمنٹس کے لیے استعمال کیا جاتا ہے؟
A) <!-- -->
B) //
C) <!-
D) <-
Which HTML tag is used to create an unordered list? / ان آرڈر لسٹ بنانے کے لیے tag استعمال ہوتا ہے:
A) <ol>
B) <ul>
C) <li>
D) <list>
Which tag is used to display a horizontal line in HTML? / HTML میں افقی لائن لگانے کے لیے tag استعمال ہوتا ہے:
A) <br>
B) <hr>
C) <line>
D) <hline>
Which of the following is NOT a reason to learn web development according to the text? / درج ذیل میں سے کون سی ویب ڈیولپمنٹ سیکھنے کی وجہ نہیں ہے؟
A) Digital Literacy / ڈیجیٹل خواندگی
B) Career Opportunities / کیریئر کے مواقع
C) Problem-Solving / مسئلہ حل کرنے کی صلاحیت
D) Time Management / وقت کا انتظام
What role does JavaScript play in web development? / جاوا اسکرپٹ ویب ڈیولپمنٹ میں کیا کردار ادا کرتا ہے؟
A) It adds interactivity to the web page / یہ ویب صفحے میں انٹرایکٹیویٹی (تفاعلی صلاحیت) شامل کرتا ہے۔
B) It makes the web page look nice / یہ ویب صفحے کو خوبصورت بناتا ہے۔
C) It is not used in web development / یہ ویب ڈیولپمنٹ میں استعمال نہیں ہوتا۔
D) It serves as the skeleton of the web page / یہ ویب صفحے کا بنیادی ڈھانچہ فراہم کرتا ہے۔
How does web development help in problem-solving? / ویب ڈیولپمنٹ مسئلہ حل کرنے میں کیسے مدد کرتا ہے؟
A) By fixing website issues logically / ویب سائٹ کے مسائل حل کرنے اور منطقی سوچ کے ذریعے
B) By creating colorful layouts / رنگین لے آؤٹ بنانے کے ذریعے
C) By making a website load slower / ویب سائٹ کی لوڈنگ کی رفتار کم کرنے کے ذریعے
D) By allowing the creation of personal blogs / ذاتی بلاگز بنانے کے ذریعے
Why is web development important for entrepreneurs? / ویب ڈیولپمنٹ کاروباری افراد کے لیے کیوں اہم ہے؟
A) It helps them build an online presence for their business / یہ انہیں اپنے کاروبار کے لیے آن لائن موجودگی بنانے میں مدد دیتا ہے۔
B) It allows them to become professional designers / یہ انہیں پیشہ ور ڈیزائنرز بننے کی اجازت دیتا ہے۔
C) It helps them find jobs in IT companies / یہ انہیں آئی ٹی کمپنیوں میں ملازمت حاصل کرنے میں مدد دیتا ہے۔
D) It teaches them how to create mobile applications / یہ انہیں موبائل ایپلی کیشنز بنانے کا طریقہ سکھاتا ہے۔
What was one of the first web-based email services, and who created it? / ابتدائی ویب بیسڈ ای میل سروسز میں سے ایک کون سی تھی اور اسے کس نے بنایا؟
A) Yahoo Mail - Larry Page and Sergey Brin / یاہو میل - لیری پیج اور سرگے برن
B) Hotmail - Sabeer Bhatia and Jack Smith / ہاٹ میل - صابر بھاٹیا اور جیک اسمتھ
C) Outlook - Bill Gates and Tim Cook / آؤٹ لک - بل گیٹس اور ٹم کک
D) Gmail - Mark Zuckerberg and Steve Jobs / جی میل - مارک زکربرگ اور اسٹیو جابز
How does web development help in problem-solving? / ویب ڈیولپمنٹ مسئلہ حل کرنے میں کس طرح مدد دیتی ہے؟
A) By creating colorful layouts / رنگین لے آؤٹس بنانے میں
B) By fixing website issues and thinking logically / ویب سائٹ کے مسائل حل کرنے اور منطقی طور پر سوچنے میں
C) By making a website load slower / ویب سائٹ کو سلو لوڈ کرنے میں
D) By allowing the creation of personal blogs / ذاتی بلاگ بنانے کی اجازت دینے میں
Why is web development important for entrepreneurs? / ویب ڈیولپمنٹ کاروباری افراد کے لیے کیوں اہم ہے؟
A) It helps them build an online presence for their business / یہ انہیں اپنے کاروبار کے لیے آن لائن موجودگی بنانے میں مدد دیتی ہے
B) It allows them to become professional designers / یہ انہیں پروفیشنل ڈیزائنر بننے کی اجازت دیتی ہے۔
C) It helps them find jobs in IT companies / یہ انہیں آئی ٹی کمپنیوں میں نوکریاں تلاش کرنے میں مدد دیتی ہے۔
D) It teaches them how to create mobile applications / یہ انہیں موبائل ایپلی کیشن بنانے کا طریقہ سکھاتی ہے۔
Which of the following is a primary focus of front-end development? / فرنٹ اینڈ ڈیولپمنٹ کا بنیادی فوکس کیا ہے؟
A) Managing databases / ڈیٹا بیس کا انتظام
B) Adding interactivity to web pages / ویب صفحات میں انٹرایکٹیویٹی شامل کرنا
C) Storing web pages on servers / ویب صفحات کو سرورز پر محفوظ کرنا
D) Processing forms on the back-end / بیک اینڈ پر فارم پروسیسنگ کرنا
What does CSS primarily help with in web development? / سی ایس ایس ویب ڈیولپمنٹ میں بنیادی طور پر کس چیز میں مدد دیتا ہے؟
A) Structuring content on web pages / ویب صفحات کے مواد کو ترتیب دینا
B) Managing servers / سرورز کو منظم کرنا
C) Changing colors, fonts, and layouts / رنگ، فونٹس اور لے آؤٹ تبدیل کرنا
D) Handling database queries / ڈیٹا بیس کے سوالات (queries) کو سنبھالنا
Which combination is required for designing an interactive front-end? / انٹرایکٹو فرنٹ اینڈ ڈیزائن کرنے کے لیے کون سا مجموعہ درکار ہوتا ہے؟
A) JavaScript, Web Servers / جاوا اسکرپٹ، ویب سرورز
B) HTML, CSS, JavaScript / HTML، CSS، جاوا اسکرپٹ
C) PHP, Python, Databases / PHP، Python، ڈیٹا بیس
D) Ruby, Back-end Programming / روبی، بیک اینڈ پروگرامنگ
Back-end development includes which of the following components? / بیک اینڈ ڈیولپمنٹ میں کون سے اجزاء شامل ہوتے ہیں؟
A) JavaScript, CSS, HTML / جاوا اسکرپٹ، CSS، HTML
B) HTML, Layout, Animations / HTML، لے آؤٹ، اینیمیشنز
C) Databases, Web Servers, Forms / ڈیٹا بیس، ویب سرورز، فارمز
D) Front-end Programming / صرف فرنٹ اینڈ پروگرامنگ
The purpose of a database in web development is: / ویب ڈیولپمنٹ میں ڈیٹا بیس کا کیا مقصد ہوتا ہے؟
A) To style web pages / ویب صفحات کی اسٹائلنگ کرنا
B) To manage and store data / ڈیٹا کو منظم اور محفوظ کرنا
C) To deliver web pages to users / ویب صفحات کو صارفین تک پہنچانا
D) To create animations / اینیمیشنز بنانا
What role does a back-end programming language play in web development? / بیک اینڈ پروگرامنگ زبان ویب ڈیولپمنٹ میں کیا کردار ادا کرتی ہے؟
A) Changing the appearance of a website / ویب سائٹ کی ظاہری شکل کو تبدیل کرنا
B) Adding interactivity to web pages / ویب صفحات میں انٹرایکٹیویٹی شامل کرنا
C) Structuring the content of web pages / ویب صفحات کے مواد کی ساخت تیار کرنا
D) Handling tasks like processing forms / فارم پروسیسنگ جیسے کام انجام دینا
The World Wide Web's first website was created by Tim Berners-Lee, provided: / ورلڈ وائیڈ ویب کی پہلی ویب سائٹ، جو ٹم برنرز لی نے بنائی، نے کیا فراہم کیا؟
A) User login systems / یوزر لاگ ان سسٹم
B) Links to information about the World Wide Web project / ورلڈ وائیڈ ویب پروجیکٹ کے بارے میں معلومات کے لنکس
C) Dynamic animations / ڈائنامک اینیمیشنز
D) Online shopping features / آن لائن شاپنگ کے فیچرز
What does HTML stand for? / ایچ ٹی ایم ایل کس چیز کا مخفف ہے؟
A) Hyperlinks and Text Markup Language / ہائپر لنکس اینڈ ٹیکسٹ مارک اپ لینگویج
B) Home Tool Markup Language / ہوم ٹول مارک اپ لینگویج
C) High Text Machine Language / ہائی ٹیکسٹ مشین لینگویج
D) Hyper Text Markup Language / ہائپر ٹیکسٹ مارک اپ لینگویج
Which of the following is a basic tool required to start creating HTML web pages? / درج ذیل میں سے کون سا بنیادی ٹول ایچ ٹی ایم ایل ویب صفحات بنانے کے لیے ضروری ہے؟
A) Spreadsheet / اسپریڈ شیٹ
B) Presentation Software / پریزنٹیشن سافٹ ویئر
C) Text Editor / ٹیکسٹ ایڈیٹر
D) Database / ڈیٹا بیس
Which of the following is commonly used as a web browser to view HTML files? / درج ذیل میں سے کون سا ویب براؤزر کے طور پر استعمال ہوتا ہے تا کہ ایچ ٹی ایم ایل فائلز دیکھی جا سکیں؟
A) Microsoft Word / مائیکرو سافٹ ورڈ
B) Google Chrome / گوگل کروم
C) PowerPoint / پاور پوائنٹ
D) Excel / ایکسل
The tag used in HTML to define the main heading of a web page is: / ایچ ٹی ایم ایل میں ویب صفحے کی مرکزی سرخی کے لیے کون سا ٹیگ استعمال کیا جاتا ہے؟
A) <h6>
B) <h1>
C) <head>
D) <header>
What will happen if you do NOT save an HTML file with the ".html" extension? / اگر آپ ایچ ٹی ایم ایل فائل کو ایکسٹینشن کے بغیر محفوظ کریں تو کیا ہوگا؟
A) It will open as a normal webpage. / یہ ایک عام ویب صفحے کے طور پر کھل جائے گی۔
B) The browser will display the content correctly. / براؤزر اس کا مواد صحیح طریقے سے دکھائے گا۔
C) The file may open as plain text instead of a webpage. / فائل ایک ویب صفحے کے بجائے عام ٹیکسٹ فائل کے طور پر کھل سکتی ہے۔
D) It will automatically convert to an HTML file. / یہ خود بخود ایچ ٹی ایم ایل فائل میں تبدیل ہو جائے گی۔
Which of the following is the correct syntax to display "Welcome to My Website" as a heading in HTML? / درج ذیل میں سے کون سا درست سنٹیکس ہے جس کو ایچ ٹی ایم ایل میں بطور "Welcome to My Website" سرخی دکھایا جا سکے؟
A) <h1>Welcome to My Website</h1>
B) <heading>Welcome to My Website</heading>
C) <p>Welcome to My Website</p>
D) <h6>Welcome to My Website</h6>
To create and save an HTML file, which file extension should be used? / ایچ ٹی ایم ایل فائل بنانے اور محفوظ کرنے کے لیے کون سی فائل ایکسٹینشن استعمال کی جاتی ہے؟
A) .txt
B) .doc
C) .html
D) .exe
The purpose of the <title> tag in HTML is: / HTML میں <title> ٹیگ کا مقصد کیا ہے؟
A) To define the content of the web page / ویب صفحے کے مواد کی وضاحت کرتا ہے۔
B) To set the title displayed in the browser tab / ویب صفحے کا عنوان سیٹ کرتا ہے، جو براؤزر ٹیب میں دکھائی دیتا ہے۔
C) To specify the document type / دستاویز کی قسم کی وضاحت کرتا ہے۔
D) To create a heading on the page / صفحے پر ایک ہیڈنگ بناتا ہے۔
What is the difference between paired and unpaired tags in HTML? / ایچ ٹی ایم ایل میں جوڑے اور بغیر جوڑے ٹیگوں میں کیا فرق ہے؟
A) Paired tags have a beginning and end tag, while unpaired tags only have a beginning tag. / جوڑے والے ٹیگ میں شروع اور ختم ہونے والا ٹیگ ہوتا ہے، جبکہ بغیر جوڑے والے ٹیگ میں صرف شروع ہونے والا ٹیگ ہوتا ہے۔
B) Paired tags require a closing tag, while unpaired tags don't. / جوڑے والے ٹیگ کے اختتامی ٹیگ کی ضرورت ہوتی ہے، جبکہ بغیر جوڑے والے ٹیگ کو نہیں۔
C) Paired tags are for headings, while unpaired tags are for paragraphs. / جوڑے والے ٹیگ ہیڈنگ کے لیے ہوتے ہیں، جبکہ بغیر جوڑے والے پیراگراف کے لیے۔
D) Paired tags are for structural elements, while unpaired tags are for content. / جوڑے والے ٹیگ ساخت کے عناصر کے لیے ہوتے ہیں، جبکہ بغیر جوڑے والے مواد کے لیے۔
Which HTML tag is used for defining headings? / ایچ ٹی ایم ایل میں ہیڈنگز کے لیے کون سا ٹیگ استعمال ہوتا ہے؟
A) <h1> to <h6>
B) <p>
C) <head>
D) <title>
The purpose of the <img> tag in HTML is: / HTML میں <img> ٹیگ کا مقصد کیا ہے؟
A) To create tables / ٹیبل بنانے کے لیے
B) To insert images / تصاویر شامل کرنے کے لیے
C) To define headings / ہیڈنگز کو ڈیفائن کرنے کے لیے
D) To create hyperlinks / ہائپر لنکس بنانے کے لیے
Which attribute is used in the <img> tag to provide alternative text for images? / <img> ٹیگ میں کون سا وصف تصاویر کے متبادل متن فراہم کرنے کے لیے استعمال ہوتا ہے؟
A) src
B) alt
C) href
D) title
What is the function of <th> in an HTML table? / HTML ٹیبل میں <th> ٹیگ کا مقصد کیا ہے؟
A) To define a hyperlink / ایک ہائپر لنک بناتا ہے
B) Insert an image / ایک تصویر شامل کرتا ہے
C) To define a table header / ٹیبل ہیڈر کی وضاحت کرتا ہے
D) To create a new row / ایک نئی قطار بناتا ہے
Why are headings important for SEO? / SEO (سرچ انجن آپٹیمائزیشن) کے لیے ہیڈنگز کیوں اہم ہیں؟
A) They make the website colorful. / وہ ویب سائٹ کو رنگین بناتے ہیں۔
B) They help search engines understand content structure. / وہ سرچ انجن کو مواد کی ساخت سمجھنے میں مدد دیتے ہیں۔
C) They add animations to the webpage. / وہ ویب پیج میں اینیمیشنز شامل کرتے ہیں۔
D) They improve loading speed. / وہ لوڈنگ اسپیڈ کو بہتر بناتے ہیں۔
The tag used to create an unordered list in HTML is: / HTML میں غیر ترتیب شدہ فہرست بنانے کے لیے کون سا ٹیگ استعمال ہوتا ہے؟
A) <ol>
B) <ul>
C) <li>
D) <list>
How does using images in HTML benefit the user experience? / HTML میں تصاویر کا استعمال صارف کے تجربے کو کیسے بہتر بناتا ہے؟
A) Makes web pages more attractive and engaging / ویب صفحات کو زیادہ پرکشش اور دلچسپ بناتا ہے۔
B) Reduces page speed / صفحے کی رفتار کم کر دیتا ہے۔
C) Removes unnecessary text / غیر ضروری متن کو ہٹا دیتا ہے۔
D) Embeds a video / ایک ویڈیو ایمبیڈ کرتا ہے۔
What does the mailto: attribute in an anchor tag do? / anchor ٹیگ میں mailto: کا مقصد کیا ہے؟
A) Opens a new webpage / ایک نیا ویب پیج کھولتا ہے۔
B) Sends an email when clicked / کلک کرنے پر ای میل بھیجتا ہے۔
C) Increases the number of links / صفحے پر لنکس کی تعداد بڑھا دیتا ہے۔
D) Downloads a file / ایک فائل ڈاؤن لوڈ کرتا ہے۔
Which tag is used to define a paragraph in HTML? / HTML میں پیراگراف کے لیے کون سا ٹیگ استعمال کیا جاتا ہے؟
A) <para>
B) <p>
C) <div>
D) <text>
Which of the following tags is used to display tabular data in HTML? / HTML میں جدول (Table) بنانے کے لیے کون سا ٹیگ استعمال ہوتا ہے؟
A) <table>
B) <grid>
C) <tab>
D) <data>
Which HTML code correctly creates a hyperlink to 'www.example.com'? / www.example.com کے لیے HTML میں درست ہائپر لنک بنانے کا کوڈ کون سا ہے؟
A) <a href="http://www.example.com">Click Here</a>
B) <a src="http://www.example.com">Click Here</a>
C) [Click Here](http://www.example.com)
D) <link url="[http://www.example.com](http://www.example.com)">Click Here</link>
Which of the following is the correct way to create an ordered list in HTML? / HTML میں ترتیب وار فہرست بنانے کا درست طریقہ کون سا ہے؟
A) <ol><li>Item 1</li><li>Item 2</li></ol>
B) <ul><li>Item 1</li><li>Item 2</li></ul>
C) <list><item>Item 1</item></list>
D) <ol><item>Item 1</item></ol>
The main purpose of CSS in web development is: / سی ایس ایس کا ویب ڈیولپمنٹ میں بنیادی مقصد کیا ہے؟
A) To define the structure of a webpage / ویب پیج کی ساخت کو بیان کرنا
B) To improve the visual appearance of webpages / ویب صفحات کی ظاہری شکل کو بہتر بنانا
C) To enhance database connectivity / ڈیٹا بیس کنیکٹیویٹی کو بہتر بنانا
D) To execute JavaScript code / جاوا اسکرپٹ کو چلانا
A CSS rule consists of: / سی ایس ایس کا ایک اصول کن چیزوں پر مشتمل ہوتا ہے؟
A) Only properties / صرف پراپرٹیز
B) Only values / صرف ویلیوز
C) Selectors and declarations / سلیکٹرز اور ڈکلیریشنز
D) HTML and JavaScript / HTML اور جاوا اسکرپٹ
Which CSS rule will set the font size of a paragraph to 16 pixels? / درج ذیل میں سے کون سا سی ایس ایس اصول پیراگراف کے فونٹ سائز کو 16 پکسل کرے گا؟
A) p { font-size: 14px; }
B) p { font-size: 16px; }
C) p { text-size: 16px; }
D) p { font: 16px; }
The advantage of using an external CSS file is: / سی ایس ایس ایکسٹرنل فائل میں استعمال کرنے کا کیا فائدہ ہوتا ہے؟
A) To make the HTML document less maintainable / HTML دستاویز کو کم قابل دیکھ بھال بناتا ہے۔
B) To require CSS to be written within each HTML element / ہر HTML عنصر میں علیحدہ CSS لکھنے کی ضرورت پڑتی ہے۔
C) To reduce the file size of the CSS file / CSS فائل کے سائز کو کم کرتا ہے۔
D) To keep HTML clean and allows styles to be reused across multiple pages / HTML کو صاف رکھتا ہے اور اسٹائل کو مختلف صفحات پر دوبارہ استعمال کرنے کی اجازت دیتا ہے۔
What happens when font-family: Arial, sans-serif; is applied? / جب font-family: Arial, sans-serif; استعمال کیا جائے تو کیا ہوگا؟
A) All browsers display text in Arial only. / تمام براؤزرز صرف Arial میں ٹیکسٹ دکھائیں گے۔
B) If Arial is unavailable, a generic sans-serif font will be used. / اگر Arial دستیاب نہ ہو تو کوئی اور sans-berif فونٹ استعمال ہوگا۔
C) A serif font is selected as the default fallback. / بطور ڈیفالٹ ایک serif فونٹ منتخب ہوگا۔
D) Arial is ignored, and the browser uses a default font. / Arial کو نظر انداز کر دیا جائے گا اور براؤزر کوئی بھی ڈیفالٹ فونٹ استعمال کرے گا۔
Which CSS rule would you use to make the text of a paragraph italic and bold? / سی ایس ایس میں پیراگراف کے ٹیکسٹ کو ترچھا اور موٹا کرنے کے لیے کون سا اصول درست ہے؟
A) p { font-style: italic; font-weight: bold; }
B) p { font-size: italic; font-weight: bold; }
C) p { font-family: italic bold; }
D) p { font-style: bold; font-weight: italic; }
Which of the following best describes the difference between <div> and <section> in HTML? / HTML میں <div> اور <section> میں کیا فرق ہے؟
A) <div> is used for styling, while <section> is used for grouping related content. / <div> اسٹائلنگ کے لیے استعمال ہوتا ہے جبکہ <section> متعلقہ مواد کو گروپ کرنے کے لیے۔
B) <div> and <section> are the same. / <div> اور <section> میں کوئی فرق نہیں۔
C) <div> is only for tables, while <section> is for lists. / <div> صرف ٹیبلز کے لیے جبکہ <section> فہرستوں کے لیے۔
D) <div> is used only in CSS. / <div> صرف CSS میں استعمال ہوتا ہے۔
__________ helps you arrange different parts of your web page in an organized way. / __________ آپ کے ویب پیج کے مختلف حصوں کو منظم طریقے سے ترتیب دینے میں مدد دیتا ہے۔
A) HTML
B) CSS
C) JavaScript
D) Web Development
HTML elements __________ and __________ are used to group content together: / HTML عناصر __________ اور __________ مواد کو ایک ساتھ اکٹھا کرنے کے لیے استعمال ہوتے ہیں۔
A) <div> and <section>
B) <p> and <h1>
C) <span> and <a>
D) <table> and <tr>
It is useful for aligning items in a row or column. / یہ اشیاء کو قطار (Row) یا کالم (Column) میں ترتیب دینے کے لیے مفید ہے۔
A) Flexbox
B) Grid
C) Div and Section
D) All of these
The main purpose of using CSS in web development is: / سی ایس ایس کا ویب ڈیولپمنٹ میں بنیادی مقصد کیا ہے؟
A) To add functionality to a webpage / ویب پیج میں فنکشنلٹی شامل کرنا
B) To structure HTML elements / HTML عناصر کی ساخت کو ترتیب دینا
C) To create a database connection / ڈیٹا بیس کنیکشن بنانا
D) To style and format a webpage / ویب پیج کو اسٹائل اور فارمیٹ کرنا
In a CSS Grid layout, which property defines the spacing between grid items? / سی ایس ایس میں گریڈ لے آؤٹ میں کون سی پراپرٹی گریڈ آئٹمز کے درمیان فاصلہ طے کرتی ہے؟
A) grid-gap
B) grid-template
C) align-items
D) flex-wrap
What is the primary purpose of JavaScript as mentioned in the image? / جاوا اسکرپٹ کا بنیادی مقصد کیا ہے؟
A) Designing databases / ڈیٹا بیس ڈیزائن کرنا
B) Making websites interactive and engaging / ویب سائٹس کو انٹرایکٹو اور دلکش بنانا
C) Managing file systems / فائل سسٹم مینج کرنا
D) Writing server-side code / سرور سائیڈ کوڈ لکھنا
JavaScript was created in just 10 days by: / جاوا اسکرپٹ صرف 10 دنوں میں بنایا گیا تھا:
A) Brendan Eich
B) Tim Berners-Lee
C) Charles Babbage
D) Albert Einstein
JavaScript was initially called: / جاوا اسکرپٹ کو ابتدا میں کہا جاتا تھا:
A) Mocha
B) Live Stream
C) Script
D) None of these
JavaScript was created in: / جاوا اسکرپٹ بنایا گیا تھا:
A) 1992
B) 1993
C) 1994
D) 1995
To declare a variable in JavaScript you can use keyword: / جاوا اسکرپٹ میں ویری ایبل کو ڈکلیئر کرنے کے لیے آپ کلیدی لفظ استعمال کر سکتے ہیں:
A) var
B) let
C) const
D) All of these
A __________ is like a container that holds information which can be used and manipulated in your code. / __________ یہ ایک ڈبے (کنٹینر) کی طرح ہوتا ہے جو معلومات کو محفوظ رکھتا ہے، جنہیں آپ اپنے کوڈ میں استعمال اور تبدیل کر سکتے ہیں۔
A) Variable / ویری ایبل
B) Parameter / پیرامیٹر
C) Function / فنکشن
D) Dry run / ڈرائی رن
What is the purpose of function in JavaScript? / جاوا اسکرپٹ میں فنکشنز کا مقصد کیا ہے؟
A) It allows you to use keywords / یہ آپ کو کی ورڈز استعمال کرنے کی اجازت دیتا ہے۔
B) It allows you to reuse code and perform specific tasks / یہ آپ کو کوڈ کو دوبارہ استعمال کرنے اور مخصوص کام انجام دینے کی اجازت دیتا ہے۔
C) It allows you to reuse value / یہ آپ کو ویلیو دوبارہ استعمال کرنے کی اجازت دیتا ہے۔
D) None of these / ان میں سے کوئی نہیں۔
__________ are placeholders for values that you pass to the function. / __________ وہ جگہ رکھنے والے (Placeholders) ہوتے ہیں جن میں وہ ویلیوز آتی ہیں جو آپ فنکشن کو دیتے ہیں۔
What role does JavaScript play in web development? / جاوا اسکرپٹ ویب ڈیولپمنٹ میں کیا کردار ادا کرتا ہے؟
A) It adds interactivity to the web page / یہ ویب صفحے میں انٹرایکٹیویٹی (تفاعلی صلاحیت) شامل کرتا ہے۔
B) It makes the web page look nice / یہ ویب صفحے کو خوبصورت بناتا ہے۔
C) It is not used in web development / یہ ویب ڈیولپمنٹ میں استعمال نہیں ہوتا۔
D) It serves as the skeleton of the web page / یہ ویب صفحے کا ڈھانچہ تیار کرتا ہے۔
If a website needs to process user login data, which combination of technologies would be most effective? / اگر کسی ویب سائٹ کو صارف کے لاگ ان ڈیٹا کو پروسیس کرنے کی ضرورت ہو تو کون سی ٹیکنالوجیز کا مجموعہ سب سے زیادہ مؤثر ہوگا؟
A) CSS and HTML / سی ایس ایس اور ایچ ٹی ایم ایل
B) Web Servers and Databases / ویب سرورز اور ڈیٹا بیس
C) JavaScript and CSS / جاوا اسکرپٹ اور سی ایس ایس
D) Front-end programming only / صرف فرنٹ اینڈ پروگرامنگ
A developer is tasked with creating a login system. Which category of web development best describes this work? / اگر کسی ڈیولپر کو لاگ ان سسٹم بنانے کی ذمہ داری دی جائے، تو یہ ویب ڈیولپمنٹ کے کس زمرے میں آئے گا؟
A) Front-end Development / فرنٹ اینڈ ڈیولپمنٹ
B) Back-end Development / بیک اینڈ ڈیولپمنٹ
C) UI Design / یو آئی ڈیزائن
D) Full-Stack Development / فل اسٹیک ڈیولپمنٹ
A full-stack developer is working on a user interface for login. What will they most likely handle? / اگر ایک فل اسٹیک ڈیولپر لاگ ان کے یوزر انٹر فیس پر کام کر رہا ہے، تو وہ غالباً کیا کرے گا؟
A) Storing web pages / ویب صفحات کو ذخیرہ کرنا
B) Managing database interactions and UI / ڈیٹا بیس کے تعاملات اور یوزر انٹرفیس کو منظم کرنا
C) Structuring only HTML content / صرف ایچ ٹی ایم ایل مواد کو ترتیب دینا
D) Creating animations only / صرف اینیمیشنز (حرکات) بنانا
Why is it necessary to refresh the web browser after editing an HTML file? / ایچ ٹی ایم ایل فائل میں ترمیم کے بعد ویب براؤزر کو ریفریش کرنا کیوں ضروری ہوتا ہے؟
A) To close the web browser / ویب براؤزر کو بند کرنے کے لیے
B) To update the content with the latest changes / تازہ ترین تبدیلیوں کے ساتھ مواد کو اپ ڈیٹ کرنے کے لیے
C) To delete the cache memory / کیش میموری کو حذف کرنے کے لیے
D) To speed up the browser performance / براؤزر کی کارکردگی کو بہتر بنانے کے لیے
Why should you use the alt attribute in an <img> tag? / <img> ٹیگ میں alt ایٹری بیوٹ استعمال کرنے کی ضرورت کیوں ہوتی ہے؟
A) To increase the image size / تصویر کا سائز بڑھانے کے لیے
B) To help visually impaired users understand the image / بصارت سے محروم افراد کو تصویر کا مطلب سمجھانے کے لیے
C) To change the background color / پس منظر کا رنگ تبدیل کرنے کے لیے
D) To create a hyperlink / ہائپر لنک بنانے کے لیے
What happens if you use <th> instead of <td> in a table row? / کسی ٹیبل کی قطار میں <td> کی بجائے <th> استعمال کریں تو کیا ہوگا؟
A) It adds an image inside the table / یہ ٹیبل کے اندر ایک تصویر شامل کر دیتا ہے۔
B) It creates table headers instead of normal cells / یہ عام سیلز کے بجائے ٹیبل ہیڈرز بناتا ہے۔
C) It makes the table disappear / یہ ٹیبل کو غائب کر دیتا ہے۔
D) It creates a new table within a table / یہ ٹیبل کے اندر ایک نئی ٹیبل بنا دیتا ہے۔
If a web developer wants to style all <p> elements with a yellow background and blue text, which is the most efficient way? / اگر ایک ویب ڈیولپر تمام <p> عناصر کا پس منظر زرد اور متن نیلا بنانا چاہے، تو سب سے مؤثر طریقہ کون سا ہوگا؟
A) Add the style attribute in each <p> element / ہر عنصر میں style ایٹری بیوٹ شامل کرنا
B) Write an inline style within every <p> / ہر <p> کے اندر ان لائن اسٹائل لکھنا
C) Link to an external CSS file containing p { background-color: yellow; color: blue; } / ایک بیرونی سی ایس ایس فائل لنک کرنا جس میں یہ کوڈ ہو: p { background-color: yellow; color: blue; }
D) Use an internal CSS block inside every element / ہر عنصر کے اندر داخلی سی ایس ایس کا استعمال کرنا
SHORT QUESTIONS
(i) What is the purpose of the <title> tag in HTML? / HTML میں <title> ٹیگ کا مقصد کیا ہے؟
(ii) Explain the difference between an ordered list and an unordered list in HTML. / HTML میں آرڈر شدہ فہرست اور غیر آرڈر شدہ فہرست کے درمیان فرق کی وضاحت کریں۔
(iii) How do you add a comment in HTML? / آپ HTML میں کمنٹس کیسے شامل کرتے ہیں؟
(iv) What are the different ways to apply CSS to an HTML document? / HTML دستاویز پر CSS لاگو کرنے کے مختلف طریقے کیا ہیں؟
(v) How can you include JavaScript in an HTML file? / آپ HTML فائل میں جاوا اسکرپٹ کو کیسے شامل کر سکتے ہیں؟
(vi) Describe the syntax for creating a hyperlink in HTML. / HTML میں ہائپر لنک بنانے کے سنٹیکس کی وضاحت کریں۔
(vii) What is the function of the <img> tag in HTML? / HTML میں <img> ٹیگ کا کام کیا ہے؟
(viii) What is the use of the <table> tag in HTML? / HTML میں <table> ٹیگ کا کیا استعمال ہے؟
(ix) Explain the box model in CSS. / CSS میں باکس ماڈل کی وضاحت کریں۔
(x) What is web development? / ویب ڈویلپمنٹ کیا ہے؟
(xi) Why is digital literacy important in web development? / ویب ڈویلپمنٹ میں ڈیجیٹل خواندگی کیوں ضروری ہے؟
(xii) How does web development improve problem-solving skills? / ویب ڈویلپمنٹ مسئلہ حل کرنے کی مہارت کو کیسے بہتر بناتا ہے؟
(xiii) Analyze how career opportunities in web development can impact the IT industry. / ویب ڈویلپمنٹ میں ملازمت کے مواقع IT انڈسٹری پر کیسے اثر ڈالتے ہیں؟
(xiv) How can solving technical issues while building websites develop critical thinking skills? / ویب سائٹ بنانے کے دوران تکنیکی مسائل حل کرنے سے تنقیدی سوچ (Critical Thinking) کیسے بہتر ہوتی ہے؟
(xv) Explain how web development enhances creativity. / ویب ڈویلپمنٹ تخلیقی صلاحیتوں (Creativity) کو کیسے بڑھاتا ہے؟
(xvi) Give an example of how web development can be used to promote a small business. / ویب ڈویلپمنٹ چھوٹے کاروبار کو فروغ دینے میں کیسے مدد دے سکتا ہے؟
(xvii) What are the main components of front-end development, and what is their purpose? / فرنٹ اینڈ ڈویلپمنٹ کے بنیادی اجزاء کون سے ہیں اور ان کا کیا مقصد ہے؟
(xviii) What is the role of back-end development in web applications? / ویب ایپلی کیشنز میں بیک اینڈ ڈویلپمنٹ کا کیا کردار ہے؟
(xix) How do web servers and databases contribute to web development? / ویب سرورز اور ڈیٹا بیس ویب ڈویلپمنٹ میں کیسے مدد دیتے ہیں؟
(xx) What distinguishes full-stack development from front-end and back-end development? / فل اسٹیک ڈویلپمنٹ، فرنٹ اینڈ اور بیک اینڈ ڈویلپمنٹ سے کیسے مختلف ہے؟
(xxi) What was the significance of the first website created by Tim Berners-Lee? / ٹم برنرز لی کی بنائی گئی پہلی ویب سائٹ کی اہمیت کیا تھی؟
(xxii) Why would a login system require both front-end and back-end development? / لاگ ان سسٹم کو فرنٹ اینڈ اور بیک اینڈ ڈویلپمنٹ کی ضرورت کیوں ہوتی ہے؟
(xxiii) How does CSS enhance user experience in web development? / ویب ڈویلپمنٹ میں CSS کس طرح صارف کے تجربے کو بہتر بناتا ہے؟
(xxiv) What steps would a full-stack developer take to build a login system? / ایک فل اسٹیک ڈویلپر لاگ ان سسٹم بنانے کے لیے کون سے اقدامات کرے گا؟
(xxv) Explain how the components of web development work together to deliver a website to users. / ویب ڈویلپمنٹ کے اجزاء کس طرح مل کر ویب سائٹ کو صارفین تک پہنچاتے ہیں؟
(xxvi) What is HTML, and why is it important for creating web pages? / HTML کیا ہے اور ویب پیج بنانے میں اس کی کیا اہمیت ہے؟
(xxvii) Why is it necessary to add the '.html' extension when saving an HTML file? / HTML فائل کو .html ایکسٹینشن کے ساتھ محفوظ کرنا کیوں ضروری ہوتا ہے؟
(xxviii) What are the two basic tools required to start creating HTML web pages? / HTML ویب پیجز بنانے کے لیے دو بنیادی ٹولز کون سے ہیں؟
(xxix) What is the role of a web browser in HTML development? / HTML ڈویلپمنٹ میں ویب براؤزر کا کیا کردار ہے؟
xxx) Why is it important to refresh the web browser after making changes to an HTML file? / HTML فائل میں تبدیلی کے بعد ویب براؤزر کو ریفریش کرنا کیوں ضروری ہوتا ہے؟
(xxxi) Write the basic HTML code to display the message 'Hello, World!' on a web page. / ایسا HTML کوڈ لکھیں جو ویب پیج پر 'Hello World' کا پیغام دکھائے۔
(xxxii) Describe the steps to view an HTML file in a web browser. / کسی HTML فائل کو ویب براؤزر میں دیکھنے کے اقدامات بیان کریں۔
(xxxiii) Why is a well-structured HTML document considered important for both developers and browsers? / ایک اچھی طرح سے ترتیب دی گئی HTML دستاویز ڈویلپرز اور براؤزرز کے لیے کیوں اہم ہے؟
(xxxiv) Explain the difference between the <h1> and <p> tags in HTML. / HTML میں <h1> اور <p> ٹیگوں میں کیا فرق ہے؟
(xxxv) What is the purpose of using headings in HTML? / HTML میں ہیڈنگز (Headings) کا کیا مقصد ہے؟
(xxxvi) What is the role of the <a> tag in HTML? / HTML میں <a> ٹیگ کا کیا کردار ہے؟
(xxxvii) Why are images important in HTML? / HTML میں تصاویر کیوں اہم ہیں؟
(xxxviii) What is the significance of the <th> tag in HTML tables? / HTML میں <th> ٹیگ کی کیا اہمیت ہے؟
(xxxix) How do headings contribute to better search engine optimization (SEO)? / ہیڈنگز SEO کو کس طرح بہتر بناتی ہیں؟
(xl) How do lists improve the readability of content in HTML? / HTML میں فہرستیں (lists) مواد کی خواندگی کو کیسے بہتر بناتی ہیں؟
(xli) Explain the use of the <br> tag in HTML with an example. / HTML میں <br> ٹیگ کا استعمال ایک مثال کے ساتھ بیان کریں۔
(xlii) Why is it important to use the alt attribute in the <img> tag? / <img> ٹیگ میں alt ایٹری بیوٹ کا استعمال کیوں ضروری ہے؟
(xliii) How does the <table> tag help in organizing information? / <table> ٹیگ معلومات کو ترتیب دینے میں کیسے مدد دیتا ہے؟
(xliv) Write the HTML code to create a hyperlink to "www.sabaqpoint.com" with the text "Visit Sabaqpoint". / 'www.sabaqpoint.com' کے لیے 'Visit SABAQPOINT' ٹیکسٹ کے ساتھ ایک ہائپر لنک بنانے کا HTML کوڈ لکھیں۔ (xlv) What is CSS and why is it important in web development? / CSS کیا ہے اور ویب ڈویلپمنٹ میں کیوں اہم ہے؟
(xlvi) Explain the structure of a CSS rule. / CSS قواعد کی ساخت کی وضاحت کریں۔
(xlvii) What is the benefit of using external CSS? / بیرونی (External CSS) کے فوائد کیا ہیں؟
(xlviii) Why should inline CSS be avoided for large projects? / بڑے پروجیکٹس میں اندرونی (Inline CSS) سے گریز کیوں کرنا چاہیے؟
(xlix) Write a CSS rule to make the text italic and set the font size to 16px for all paragraphs. / ایک CSS رول لکھیں جو پیراگراف کے تمام متن کو ترچھا (italic) بنائے اور اس کا سائز 16px کرے۔
(l) What is the purpose of using CSS in web design? / ویب ڈیزائن میں CSS کا استعمال کیوں کیا جاتا ہے؟
(li) What is the difference between Divs and Sections in CSS? / CSS میں Divs اور Sections میں کیا فرق ہے؟
(lii) How does CSS Grid help in creating webpage layouts? / CSS Grid ویب پیج کی ترتیب بنانے میں کیسے مدد دیتی ہے؟
(liii) Why is Flexbox useful in CSS? / CSS میں Flexbox کیوں مفید ہے؟
(liv) What is the difference between internal and external CSS? / اندرونی (Internal) اور بیرونی (External) CSS میں کیا فرق ہے؟
(lv) What is the primary purpose of JavaScript in web development? / ویب ڈویلپمنٹ میں جاوا اسکرپٹ کا بنیادی مقصد کیا ہے؟
(lvi) What happens if JavaScript detects malicious behavior on a webpage, as per the flowchart? / اگر جاوا اسکرپٹ کسی ویب پیج پر نقصان دہ سرگرمی کا پتہ لگائے تو کیا ہوتا ہے؟
(lvii) Why is the var keyword used in JavaScript? / جاوا اسکرپٹ میں var کا استعمال کیوں کیا جاتا ہے؟
(lviii) Explain the process of how a simple JavaScript function works, based on the provided example. / ایک سادہ جاوا اسکرپٹ فنکشن کیسے کام کرتا ہے؟
(lix) Describe the process of declaring variable by using var. / var استعمال کر کے ویری ایبل کو ڈکلیئر کرنے کو بیان کریں۔
(lx) Define parameters. / پیرامیٹرز کی تعریف کریں۔
(lxi) Explain the purpose of function in JavaScript. / جاوا اسکرپٹ میں فنکشن کا مقصد بیان کریں۔
(lxii) Why are web developers in high demand in the job market? / ویب ڈویلپرز کی ملازمت کی منڈی میں زیادہ مانگ کیوں ہے؟
(lxiii) How does learning web development help in entrepreneurship? / ویب ڈویلپمنٹ سیکھنے سے کاروبار (Entrepreneurship) میں کیسے مدد ملتی ہے؟
(lxiv) How can a person with web development skills create a personal blog? / ویب ڈویلپمنٹ سیکھنے والا شخص ذاتی بلاگ (personal blog) کیسے بنا سکتا ہے؟
(lxv) Why is JavaScript essential for creating dynamic web pages? / متحرک (Dynamic) ویب صفحات بنانے کے لیے JavaScript کیوں ضروری ہے؟
(lxvi) What might happen if you forget to save an HTML file with the ".html" extension? / اگر HTML فائل کو .html ایکسٹینشن کے بغیر محفوظ کر دیا جائے تو کیا ہوگا؟
(lxvii) Analyze the use of the font-family property in the given example. How does it ensure compatibility across devices? / درج ذیل مثال میں 'font-family' پراپرٹی کے استعمال کا تجزیہ کریں۔ یہ مختلف ڈیوائسز پر مطابقت (Compatibility) کیسے یقینی بناتی ہے؟
(lxviii) Analyze the addNumbers(a, b) function. What is its purpose, and how does it work? / addNumbers(a, b) فنکشن کا تجزیہ کریں۔ اس کا مقصد کیا ہے اور یہ کیسے کام کرتا ہے؟
LONG QUESTIONS
(a) Explain the process of setting up a development environment for web development. By discussing the necessary softwares and tools. / ویب ڈیولپمنٹ کے لیے ڈیولپمنٹ انوائرمنٹ قائم کرنے کے عمل کی وضاحت کریں۔ ضروری سافٹ ویئر اور ٹولز بیان کریں۔
(b) Create a basic HTML page that includes a header, a paragraph, an image, and a hyperlink. / ایک بنیادی HTML صفحہ بنائیں جس میں ہیڈر، ایک پیراگراف، ایک تصویر، اور ایک ہائپر لنک شامل ہو۔
(c) Create a table using HTML which contains 3 rows and 2 columns? / HTML کا استعمال کرتے ہوئے تین قطاروں اور دو کالمز پر مشتمل ایک ٹیبل بنائیں۔
(d) Describe any three CSS selectors and provide examples of each. / CSS کے کوئی سے تین سلیکٹرز کو بیان کریں اور ہر ایک کی ایک مثال دیں۔
(e) Explain the process of creating a responsive web page using JavaScript with the help of an example. / جاوا اسکرپٹ کو استعمال کرتے ہوئے ایک مثال کے ساتھ ریسپانسیو ویب پیج کی وضاحت کریں۔
(f) What is web development and why we need to learn about it? / ویب ڈیولپمنٹ کیا ہے اور ہمیں اس کے بارے میں سیکھنے کی ضرورت کیوں ہے؟
(g) What are essential components of web development? Describe briefly. / ویب ڈیولپمنٹ کے بنیادی اجزاء کون سے ہیں؟ مختصر وضاحت کریں۔
(h) Explain the process of setting up a development environment for web development in detail. Create a "Hello, world!" HTML application with simple steps. / ویب ڈیولپمنٹ کے لیے ڈیولپمنٹ انوائرمنٹ قائم کرنے کے عمل کی وضاحت کریں۔ سادہ مراحل کی مدد سے ایک ہیلو ورلڈ HTML ایپلی کیشن بنائیں۔
(i) Explain the basic structure of an HTML document. Describe the purpose of different tags used in the structure with examples. / HTML دستاویز کی بنیادی ساخت کی وضاحت کریں۔ مختلف ٹیگز کے مقاصد کی مثالوں کے ساتھ وضاحت کریں۔
(j) What are basic features of creating content with HTML? Explain with examples. / HTML کے ذریعے مواد تخلیق کرنے کی بنیادی خصوصیات کیا ہیں؟ مثالوں کے ساتھ وضاحت کریں۔
(k) Describe the basic structures of CSS. How do you integrate CSS into HTML? / CSS کا بنیادی ڈھانچہ بیان کریں۔ ہم CSS کو HTML میں کیسے شامل کرتے ہیں؟
(l) Briefly describe styling the HTML elements. / HTML کے اسٹائلنگ اجزاء کو مختصر بیان کریں۔
(m) Explain the importance of the divs and section, CSS Grid, and CSS Flexbox layout techniques in modern web design. How are they different from each other? / جدید ویب ڈیزائن میں Divs and section اور CSS Grid اور CSS Flexbox لے آؤٹ تکنیکوں کی اہمیت بیان کریں۔ یہ ایک دوسرے سے کیسے مختلف ہیں؟
(n) What is JavaScript? Explain its syntax with example. / جاوا اسکرپٹ کیا ہے؟ اس کی سنٹیکس (Syntax) کو مثال کے ساتھ بیان کریں۔
(o) Explain the following terms of JavaScript: i. Variables ii. Declaring a variable / جاوا اسکرپٹ کی درج ذیل اصطلاحات کی وضاحت کریں۔ (i) ویری ایبل (ii) ویری ایبل کا اعلان
(p) Define Function and explain their types in JavaScript? / فنکشن کی تعریف کریں اور جاوا اسکرپٹ میں ان کی اقسام کی وضاحت کریں؟
(q) What is web development, and why is it important to learn it? / ویب ڈیولپمنٹ کیا ہے اور اسے سیکھنا کیوں ضروری ہے؟
(r) Explain how JavaScript makes websites interactive and engaging. Also, describe the flowchart given in Figure for the execution of JavaScript on a webpage. / جاوا اسکرپٹ ویب سائٹس کو انٹرایکٹو اور دلچسپ کیسے بناتی ہے؟ نیز، جاوا اسکرپٹ کے ویب پیج پر عمل درآمد کے فلوچارٹ کی وضاحت کریں۔
Answer Key for Q.1 (MCQs) / کثیر الانتخابی سوالات کے جوابات