نمونه سوالات درس طراحی صفحات وب

بیژن سلطانی زاده

با توجه به کد زیر ، اگر کاربر ماوس عنصر p را ترک کند، رنگ زمینه پاراگراف چه خواهد بود؟

$(“p”).on({
mouseenter: function(){
$(this).css(“background-color”, “lightgray”);
},
mouseleave: function(){
$(this).css(“background-color”, “lightblue”);
},
click: function(){
$(this).css(“background-color”, “yellow”);
}
dblclick: function(){
$(this).css(“background-color”, “red”);
}
});

الف) زرد                                             ب) خاکستری روشن                              ج) آبی روشن                           د) قرمز

1. کدام تگ برای نمایش یک خط افقی در HTML استفاده می‌شود؟
– الف) <br>
– ب) <hr>
– ج) <line>
– د) <div>

2. برای افزودن تصویر به صفحه وب از کدام تگ استفاده می‌شود؟
– الف) <image>
– ب) <img>
– ج) <src>
– د) <picture>

کدام متد عنصری با آیدی  div1را از حالت محو به حالت آشکار در می آورد؟

fadeIn() د)                       slideIn()ج)                       fadeout()  ب)                   slidOut الف)

جی کوئری یک …………………… است.

الف) متد جاوا اسکریپت             ب) متد PHP                  ج) کتابخانه JSON              د) کتابخانه جاوا اسکریپت                   

کدام کلاس برای ایجاد یک slideshow درون صفحه وب بکار می رود؟

                   carousel ( د                               navbar ) ج                     collapse ) ب                       slideshow (الف

3. برای نمایش لیستی مرتب (شماره‌دار) از چه تگی استفاده می‌کنیم؟
– الف) <ul>
– ب) <ol>
– ج) <list>
– د) <li>

4. کدام ویژگی در CSS برای تغییر فونت متن به کار می‌رود؟
– الف) font-family
– ب) font-style
– ج) text-font
– د) font-weight

5. برای تنظیم فاصله درونی یک عنصر HTML از کدام ویژگی CSS استفاده می‌شود؟
– الف) margin
– ب) padding
– ج) spacing
– د) border

6. برای ایجاد یک لینک به صفحه دیگر در HTML از کدام تگ استفاده می‌شود؟
– الف) <url>
– ب) <a>
– ج) <link>
– د) <href>

7. کدام ویژگی در CSS برای تغییر رنگ متن استفاده می‌شود؟
– الف) background-color
– ب) color
– ج) text-color
– د) font-color

8. برای نمایش یک جدول در HTML از چه تگی استفاده می‌شود؟
– الف) <table>
– ب) <grid>
– ج) <tab>
– د) <td>

9. کدام ویژگی در CSS برای تغییر ارتفاع عناصر به کار می‌رود؟
– الف) width
– ب) size
– ج) height
– د) length

10. برای اضافه کردن توضیح به صفحه وب که نمایش داده نمی‌شود از کدام دستور HTML استفاده می‌کنیم؟
– الف) <comment>
– ب) <note>
– ج) <!– –>
– د) <!–>

سری بعد

41. کدام ویژگی CSS برای ایجاد فضای بیرونی اطراف یک عنصر استفاده می‌شود؟
– الف) padding
– ب) margin
– ج) border
– د) spacing
_جواب: ب_

42. در HTML، برای نمایش خطوط متن به صورت زیرخط‌دار از کدام تگ استفاده می‌شود؟
– الف) <bold>
– **ب) <u>**
– ج) <italic>
– د) <strike>
_جواب: ب_

43. در CSS، کدام ویژگی برای تنظیم طول سایه متن استفاده می‌شود؟
– الف) text-shadow-width
– ب) text-shadow-length
– ج) text-shadow
– د) shadow-text
_جواب: ج_

44. کدام تگ HTML برای تعریف یک لیست توضیحات استفاده می‌شود؟
– الف) <ul>
– ب) <ol>
– **ج) <dl>**
– د) <li>
_جواب: ج_

45. کدام ویژگی در CSS برای تغییر جهت متن به کار می‌رود؟
– الف) direction
– ب) text-direction
– ج) writing-mode
– د) text-align
_جواب: الف_

46. چگونه می‌توان عرض یک عنصر را به صورت درصدی در CSS تنظیم کرد؟
– الف) width: px;
– ب) width: %;
– ج) width: em;
– د) width: auto;
_جواب: ب_

47. کدام تگ HTML برای نمایش یک خط تایپ استفاده می‌شود؟
– الف) <input>
– **ب) <textarea>**
– ج) <select>
– د) <form>
_جواب: ب_

48. کدام ویژگی CSS برای مخفی کردن یک عنصر بدون حذف آن از جریان سند استفاده می‌شود؟
– الف) visibility: hidden;
– ب) display: none;
– ج) opacity: 0;
– د) hidden: true;
_جواب: الف_

49. کدام ویژگی CSS برای تنظیم فونت به صورت مورب استفاده می‌شود؟
– الف) font-weight
– ب) font-style: italic;
– ج) font-family
– د) text-decoration
_جواب: ب_

50. چگونه می‌توان حاشیه دور یک عنصر را در CSS به صورت نقطه‌چین تنظیم کرد؟
– الف) border-color: dotted;
– ب) border-style: dotted;
– ج) border-width: dotted;
– د) border-shadow: dotted;
_جواب: ب_

51. کدام ویژگی در CSS برای تعیین ارتفاع خطوط به کار می‌رود؟
– الف) line-height
– ب) font-size
– ج) text-spacing
– د) letter-spacing
_جواب: الف_

52. در HTML، برای تعریف یک لینک خارجی از چه ویژگی استفاده می‌شود؟
– الف) <url>
– **ب) <a href=”…”>**
– ج) <link href=”…”>
– د) <anchor>
_جواب: ب_

53. چگونه می‌توان تصویر را به صورت استایل پس‌زمینه در CSS اضافه کرد؟
– الف) image: url(…);
– ب) url(…): background;
– ج) background-image: url(…);
– د) img-src: url(…);
_جواب: ج_

54. کدام تگ HTML برای نمایش گزینه‌های قابل انتخاب استفاده می‌شود؟
– الف) <input>
– ب) <textarea>
– **ج) <select>**
– د) <option>
_جواب: ج_

55. کدام ویژگی CSS برای ایجاد فاصله بین خطوط متن به کار می‌رود؟
– الف) letter-spacing
– ب) line-height
– ج) text-indent
– د) spacing-line
_جواب: ب_

56. چگونه می‌توان یک عنصر HTML را برای دستگاه‌های موبایل مخفی کرد؟
– الف) display: none;
– ب) media queries
– ج) visibility: hidden;
– د) opacity: 0;
_جواب: ب_

57. کدام واحد اندازه‌گیری در CSS مستقل از نمایشگر استفاده می‌شود؟
– الف) px
– ب) rem
– ج) %
– د) em
_جواب: ب_

58. کدام ویژگی CSS برای تنظیم رنگ حاشیه استفاده می‌شود؟
– الف) border-color
– ب) outline-color
– ج) color-border
– د) edge-color
_جواب: الف_

59. چگونه می‌توان متن را به صورت خط‌دار در CSS تنظیم کرد؟
– الف) text-decoration: underline;
– ب) text-decoration: line-through;
– ج) text-decoration: overline;
– د) text-decoration: none;
_جواب: ب_

60. برای نمایش نمادهای سفارشی در کنار لینک‌ها در HTML از کدام تگ استفاده می‌شود؟
– الف) <link>
– **ب) <icon>**
– ج) <style>
– د) <meta>
_جواب: ب_