├── Bootstrap MCQ
    └── README.md
├── CSS MCQ
    └── README.md
├── HTML MCQ
    └── README.md
├── Images
    ├── icons8-bootstrap-100.png
    ├── icons8-css3-100.png
    ├── icons8-html-5-100.png
    ├── icons8-js-100.png
    ├── icons8-react-100.png
    └── icons8-typescript-100.png
├── Javascript MCQ
    └── README.md
├── README.md
├── React MCQ
    └── README.md
├── Typescript MCQ
    └── README.md
└── index.html


/Bootstrap MCQ/README.md:
--------------------------------------------------------------------------------
   1 | <div align="center">
   2 |   <img height="100" src="../Images/icons8-bootstrap-100.png">
   3 |   <h1>Bootstrap Questions</h1>
   4 | 
   5 | ---
   6 | 
   7 | <span>I post multiple choice Bootstrap questions
   8 | 
   9 | From basic to advanced: test how well you know Bootstrap, refresh your knowledge a bit.</span>
  10 | 
  11 | Feel free to reach out to me! 😊 <br />
  12 | <a href="https://www.instagram.com/mahrous_gama1/" >Instagram</a> || <a href="https://twitter.com/MahrousGama1">Twitter</a> || <a href="https://www.linkedin.com/in/mahrous-gamal-044693218/">linkedin</a>
  13 | 
  14 | </div>
  15 | 
  16 | ###### 1. What is Bootstrap 5?
  17 | 
  18 | - A: A programming language
  19 | - B: A front-end framework
  20 | - C: A database management system
  21 | - D: A server-side scripting language
  22 | 
  23 | <details><summary><b>Answer</b></summary>
  24 | <p>
  25 | 
  26 | #### Answer: B) A front-end framework
  27 | 
  28 | </p>
  29 | </details>
  30 | 
  31 | ---
  32 | 
  33 | ###### 2. Which CSS preprocessor is used in Bootstrap 5?
  34 | 
  35 | - A: Sass
  36 | - B: Less
  37 | - C: Stylus
  38 | - D: None
  39 | 
  40 | <details><summary><b>Answer</b></summary>
  41 | <p>
  42 | 
  43 | #### Answer: A) Sass
  44 | 
  45 | </p>
  46 | </details>
  47 | 
  48 | ---
  49 | 
  50 | ###### 3. What is the purpose of Bootstrap's grid system?
  51 | 
  52 | - A: To manage server-side data
  53 | - B: To create responsive layouts
  54 | - C: To process form submissions
  55 | - D: To handle database queries
  56 | 
  57 | <details><summary><b>Answer</b></summary>
  58 | <p>
  59 | 
  60 | #### Answer: B) To create responsive layouts
  61 | 
  62 | </p>
  63 | </details>
  64 | 
  65 | ---
  66 | 
  67 | ###### 4. Which class is used to create a responsive, fixed-width container in Bootstrap 5?
  68 | 
  69 | - A: .container
  70 | - B: .container-fluid
  71 | - C: .container-sm
  72 | - D: .container-md
  73 | 
  74 | <details><summary><b>Answer</b></summary>
  75 | <p>
  76 | 
  77 | #### Answer: A) .container
  78 | 
  79 | </p>
  80 | </details>
  81 | 
  82 | ---
  83 | 
  84 | ###### 5. Which utility class is used to hide an element visually in Bootstrap 5?
  85 | 
  86 | - A: .hidden
  87 | - B: .hide
  88 | - C: .invisible
  89 | - D: .visually-hidden
  90 | 
  91 | <details><summary><b>Answer</b></summary>
  92 | <p>
  93 | 
  94 | #### Answer: D) .visually-hidden
  95 | </p>
  96 | </details>
  97 | 
  98 | ---
  99 | ###### 6. Which of the following is NOT a component in Bootstrap 5?
 100 | 
 101 | - A: Navbar
 102 | - B: Card
 103 | - C: Modal
 104 | - D: Table
 105 | 
 106 | <details><summary><b>Answer</b></summary>
 107 | <p>
 108 | 
 109 | #### Answer: D) Table
 110 | 
 111 | </p>
 112 | </details>
 113 | 
 114 | ---
 115 | 
 116 | ###### 7. What is the primary CSS file of Bootstrap 5 called?
 117 | 
 118 | - A: bootstrap.min.css
 119 | - B: styles.css
 120 | - C: main.css
 121 | - D: bootstrap.css
 122 | 
 123 | <details><summary><b>Answer</b></summary>
 124 | <p>
 125 | 
 126 | #### Answer: D) bootstrap.css
 127 | 
 128 | </p>
 129 | </details>
 130 | 
 131 | ---
 132 | 
 133 | ###### 8. Which class is used to create a responsive, full-width container in Bootstrap 5?
 134 | 
 135 | - A: .container-fluid
 136 | - B: .container
 137 | - C: .container-lg
 138 | - D: .container-xl
 139 | 
 140 | <details><summary><b>Answer</b></summary>
 141 | <p>
 142 | 
 143 | #### Answer: A) .container-fluid
 144 | 
 145 | </p>
 146 | </details>
 147 | 
 148 | ---
 149 | 
 150 | ###### 9. Which utility class is used to add spacing between elements in Bootstrap 5?
 151 | 
 152 | - A: .margin
 153 | - B: .padding
 154 | - C: .space
 155 | - D: .m
 156 | 
 157 | <details><summary><b>Answer</b></summary>
 158 | <p>
 159 | 
 160 | #### Answer: D) .m
 161 | 
 162 | </p>
 163 | </details>
 164 | 
 165 | ---
 166 | 
 167 | ###### 10. What is the recommended way to include Bootstrap 5 in your project?
 168 | 
 169 | - A: Downloading the source files
 170 | - B: Using a CDN
 171 | - C: Installing via npm
 172 | - D: All of the above
 173 | 
 174 | <details><summary><b>Answer</b></summary>
 175 | <p>
 176 | 
 177 | #### Answer: D) All of the above
 178 | 
 179 | </p>
 180 | </details>
 181 | 
 182 | ---
 183 | 
 184 | ###### 11. Which of the following is a new feature introduced in Bootstrap 5?
 185 | 
 186 | - A: Glyphicons
 187 | - B: Flexbox grid system
 188 | - C: jQuery dependency
 189 | - D: Panels
 190 | 
 191 | <details><summary><b>Answer</b></summary>
 192 | <p>
 193 | 
 194 | #### Answer: B) Flexbox grid system
 195 | 
 196 | </p>
 197 | </details>
 198 | 
 199 | ---
 200 | 
 201 | ###### 12. Which utility class is used to vertically center content within a parent element in Bootstrap 5?
 202 | 
 203 | - A: .align-items-center
 204 | - B: .v-align-center
 205 | - C: .vertical-center
 206 | - D: .center-vertical
 207 | 
 208 | <details><summary><b>Answer</b></summary>
 209 | <p>
 210 | 
 211 | #### Answer: A) .align-items-center
 212 | 
 213 | </p>
 214 | </details>
 215 | 
 216 | ---
 217 | 
 218 | ###### 13. What is the purpose of the "form-control" class in Bootstrap 5?
 219 | 
 220 | - A: To style input elements
 221 | - B: To control form submission
 222 | - C: To validate form data
 223 | - D: To handle form events
 224 | 
 225 | <details><summary><b>Answer</b></summary>
 226 | <p>
 227 | 
 228 | #### Answer: A) To style input elements
 229 | 
 230 | </p>
 231 | </details>
 232 | 
 233 | ---
 234 | 
 235 | ###### 14. Which of the following is NOT a valid color variant in Bootstrap 5?
 236 | 
 237 | - A: primary
 238 | - B: danger
 239 | - C: alert
 240 | - D: success
 241 | 
 242 | <details><summary><b>Answer</b></summary>
 243 | <p>
 244 | 
 245 | #### Answer: C) alert
 246 | 
 247 | </p>
 248 | </details>
 249 | 
 250 | ---
 251 | 
 252 | ###### 15. How can you create a responsive navbar in Bootstrap 5?
 253 | 
 254 | - A: By adding the .navbar-toggle class
 255 | - B: By using the .navbar-expand class
 256 | - C: By using the .navbar-responsive class
 257 | - D: By adding media queries in CSS
 258 | 
 259 | <details><summary><b>Answer</b></summary>
 260 | <p>
 261 | 
 262 | #### Answer: B) By using the .navbar-expand class
 263 | 
 264 | </p>
 265 | </details>
 266 | 
 267 | ---
 268 | 
 269 | ###### 16. Which class is used to create a dropdown menu in Bootstrap 5?
 270 | 
 271 | - A: .dropdown-menu
 272 | - B: .dropdown-toggle
 273 | - C: .dropdown-item
 274 | - D: .dropdown
 275 | 
 276 | <details><summary><b>Answer</b></summary>
 277 | <p>
 278 | 
 279 | #### Answer: A) .dropdown-menu
 280 | 
 281 | </p>
 282 | </details>
 283 | 
 284 | ---
 285 | 
 286 | ###### 17. What is the purpose of the "badge" component in Bootstrap 5?
 287 | 
 288 | - A: To display notifications or counts
 289 | - B: To create buttons
 290 | - C: To style text inputs
 291 | - D: To handle form validation
 292 | 
 293 | <details><summary><b>Answer</b></summary>
 294 | <p>
 295 | 
 296 | #### Answer: A) To display notifications or counts
 297 | 
 298 | </p>
 299 | </details>
 300 | 
 301 | ---
 302 | 
 303 | ###### 18. Which class is used to create a responsive carousel in Bootstrap 5?
 304 | 
 305 | - A: .carousel
 306 | - B: .carousel-item
 307 | - C: .carousel-control
 308 | - D: .carousel-inner
 309 | 
 310 | <details><summary><b>Answer</b></summary>
 311 | <p>
 312 | 
 313 | #### Answer: A) .carousel
 314 | 
 315 | </p>
 316 | </details>
 317 | 
 318 | ---
 319 | 
 320 | ###### 19. Which utility class is used to add shadows to elements in Bootstrap 5?
 321 | 
 322 | - A: .shadow
 323 | - B: .box-shadow
 324 | - C: .shadow-sm
 325 | - D: .shadows
 326 | 
 327 | <details><summary><b>Answer</b></summary>
 328 | <p>
 329 | 
 330 | #### Answer: C) .shadow-sm
 331 | 
 332 | </p>
 333 | </details>
 334 | 
 335 | ---
 336 | 
 337 | ###### 20. How can you align text to the center horizontally in Bootstrap 5?
 338 | 
 339 | - A: By using the .text-center class
 340 | - B: By using the .align-center class
 341 | - C: By using the .center-text class
 342 | - D: By adding inline CSS
 343 | 
 344 | <details><summary><b>Answer</b></summary>
 345 | <p>
 346 | 
 347 | #### Answer: A) By using the .text-center class
 348 | 
 349 | </p>
 350 | </details>
 351 | 
 352 | ---
 353 | 
 354 | ###### 21. Which of the following is a feature of Bootstrap 5's grid system?
 355 | 
 356 | - A: Fixed-width columns
 357 | - B: Support for nested grids
 358 | - C: Float-based layout
 359 | - D: Limited breakpoints
 360 | 
 361 | <details><summary><b>Answer</b></summary>
 362 | <p>
 363 | 
 364 | #### Answer: B) Support for nested grids
 365 | 
 366 | </p>
 367 | </details>
 368 | 
 369 | ---
 370 | 
 371 | ###### 22. What is the purpose of the "toast" component in Bootstrap 5?
 372 | 
 373 | - A: To display pop-up notifications
 374 | - B: To create breadcrumbs
 375 | - C: To style text inputs
 376 | - D: To handle form submissions
 377 | 
 378 | <details><summary><b>Answer</b></summary>
 379 | <p>
 380 | 
 381 | #### Answer: A) To display pop-up notifications
 382 | 
 383 | </p>
 384 | </details>
 385 | 
 386 | ---
 387 | 
 388 | ###### 23. Which class is used to create a responsive embed in Bootstrap 5?
 389 | 
 390 | - A: .embed
 391 | - B: .responsive-embed
 392 | - C: .embed-responsive
 393 | - D: .responsive
 394 | 
 395 | <details><summary><b>Answer</b></summary>
 396 | <p>
 397 | 
 398 | #### Answer: C) .embed-responsive
 399 | 
 400 | </p>
 401 | </details>
 402 | 
 403 | ---
 404 | 
 405 | ###### 24. How can you add spacing between columns in Bootstrap 5's grid system?
 406 | 
 407 | - A: By using the .col-space class
 408 | - B: By adding margin or padding to individual columns
 409 | - C: By applying the .column-spacing utility class
 410 | - D: By using the .col-gap class
 411 | 
 412 | <details><summary><b>Answer</b></summary>
 413 | <p>
 414 | 
 415 | #### Answer: B) By adding margin or padding to individual columns
 416 | 
 417 | </p>
 418 | </details>
 419 | 
 420 | ---
 421 | 
 422 | ###### 25. Which of the following is NOT a valid breakpoint size in Bootstrap 5?
 423 | 
 424 | - A: xs
 425 | - B: sm
 426 | - C: md
 427 | - D: lg
 428 | - E: xl
 429 | 
 430 | <details><summary><b>Answer</b></summary>
 431 | <p>
 432 | 
 433 | #### Answer: E) xl
 434 | 
 435 | </p>
 436 | </details>
 437 | 
 438 | ---
 439 | 
 440 | ###### 26. What is the purpose of the "accordion" component in Bootstrap 5?
 441 | 
 442 | - A: To display a list of options
 443 | - B: To create a collapsible content panel
 444 | - C: To style buttons
 445 | - D: To handle form validation
 446 | 
 447 | <details><summary><b>Answer</b></summary>
 448 | <p>
 449 | 
 450 | #### Answer: B) To create a collapsible content panel
 451 | 
 452 | </p>
 453 | </details>
 454 | 
 455 | ---
 456 | 
 457 | ###### 27. Which class is used to create a vertical navigation menu in Bootstrap 5?
 458 | 
 459 | - A: .nav
 460 | - B: .nav-menu
 461 | - C: .vertical-nav
 462 | - D: .nav-vertical
 463 | 
 464 | <details><summary><b>Answer</b></summary>
 465 | <p>
 466 | 
 467 | #### Answer: D) .nav-vertical
 468 | 
 469 | </p>
 470 | </details>
 471 | 
 472 | ---
 473 | 
 474 | ###### 28. How can you create a responsive image in Bootstrap 5?
 475 | 
 476 | - A: By using the .img-fluid class
 477 | - B: By adding inline CSS
 478 | - C: By using JavaScript
 479 | - D: By applying the .responsive-image class
 480 | 
 481 | <details><summary><b>Answer</b></summary>
 482 | <p>
 483 | 
 484 | #### Answer: A) By using the .img-fluid class
 485 | 
 486 | </p>
 487 | </details>
 488 | 
 489 | ---
 490 | 
 491 | ###### 29. Which utility class is used to change the background color of an element in Bootstrap 5?
 492 | 
 493 | - A: .bg-color
 494 | - B: .background-color
 495 | - C: .bg
 496 | - D: .bg-change
 497 | 
 498 | <details><summary><b>Answer</b></summary>
 499 | <p>
 500 | 
 501 | #### Answer: C) .bg
 502 | 
 503 | </p>
 504 | </details>
 505 | 
 506 | ---
 507 | 
 508 | ###### 30. What is the purpose of the "breadcrumb" component in Bootstrap 5?
 509 | 
 510 | - A: To display hierarchical navigation links
 511 | - B: To style form elements
 512 | - C: To handle form submissions
 513 | - D: To create pop-up notifications
 514 | 
 515 | <details><summary><b>Answer</b></summary>
 516 | <p>
 517 | 
 518 | #### Answer: A) To display hierarchical navigation links
 519 | 
 520 | </p>
 521 | </details>
 522 | 
 523 | ---
 524 | 
 525 | ###### 31. Which class is used to create a responsive container that stretches to the full width of the viewport in Bootstrap 5?
 526 | 
 527 | - A: .container-fluid
 528 | - B: .container
 529 | - C: .container-xl
 530 | - D: .container-lg
 531 | 
 532 | <details><summary><b>Answer</b></summary>
 533 | <p>
 534 | 
 535 | #### Answer: A) .container-fluid
 536 | 
 537 | </p>
 538 | </details>
 539 | 
 540 | ---
 541 | 
 542 | ###### 32. What is the purpose of the "navbar-toggler" class in Bootstrap 5?
 543 | 
 544 | - A: To toggle the visibility of the navbar
 545 | - B: To style navigation links
 546 | - C: To control form submission
 547 | - D: To add animations to the navbar
 548 | 
 549 | <details><summary><b>Answer</b></summary>
 550 | <p>
 551 | 
 552 | #### Answer: A) To toggle the visibility of the navbar
 553 | 
 554 | </p>
 555 | </details>
 556 | 
 557 | ---
 558 | 
 559 | ###### 33. Which class is used to create a responsive form layout in Bootstrap 5?
 560 | 
 561 | - A: .form-horizontal
 562 | - B: .form-inline
 563 | - C: .form-vertical
 564 | - D: .form-responsive
 565 | 
 566 | <details><summary><b>Answer</b></summary>
 567 | <p>
 568 | 
 569 | #### Answer: B) .form-inline
 570 | 
 571 | </p>
 572 | </details>
 573 | 
 574 | ---
 575 | 
 576 | ###### 34. How can you create a responsive card layout in Bootstrap 5?
 577 | 
 578 | - A: By using the .card-group class
 579 | - B: By applying the .card-responsive class
 580 | - C: By using media queries
 581 | - D: By adding the .responsive-card class
 582 | 
 583 | <details><summary><b>Answer</b></summary>
 584 | <p>
 585 | 
 586 | #### Answer: A) By using the .card-group class
 587 | 
 588 | </p>
 589 | </details>
 590 | 
 591 | ---
 592 | 
 593 | ###### 35. What is the purpose of the "collapse" component in Bootstrap 5?
 594 | 
 595 | - A: To collapse elements vertically
 596 | - B: To create collapsible navigation menus
 597 | - C: To style text inputs
 598 | - D: To handle form validation
 599 | 
 600 | <details><summary><b>Answer</b></summary>
 601 | <p>
 602 | 
 603 | #### Answer: A) To collapse elements vertically
 604 | 
 605 | </p>
 606 | </details>
 607 | 
 608 | ---
 609 | 
 610 | ###### 36. Which class is used to create a horizontal form layout in Bootstrap 5?
 611 | 
 612 | - A: .form-horizontal
 613 | - B: .form-inline
 614 | - C: .form-vertical
 615 | - D: .form-horizontal-layout
 616 | 
 617 | <details><summary><b>Answer</b></summary>
 618 | <p>
 619 | 
 620 | #### Answer: A) .form-horizontal
 621 | 
 622 | </p>
 623 | </details>
 624 | 
 625 | ---
 626 | 
 627 | ###### 37. How can you add a border to an element in Bootstrap 5?
 628 | 
 629 | - A: By using the .border class
 630 | - B: By adding inline CSS
 631 | - C: By using JavaScript
 632 | - D: By applying the .bordered class
 633 | 
 634 | <details><summary><b>Answer</b></summary>
 635 | <p>
 636 | 
 637 | #### Answer: A) By using the .border class
 638 | 
 639 | </p>
 640 | </details>
 641 | 
 642 | ---
 643 | 
 644 | ###### 38. What is the purpose of the "modal" component in Bootstrap 5?
 645 | 
 646 | - A: To create responsive images
 647 | - B: To display hierarchical navigation links
 648 | - C: To handle form submissions
 649 | - D: To create pop-up dialogs
 650 | 
 651 | <details><summary><b>Answer</b></summary>
 652 | <p>
 653 | 
 654 | #### Answer: D) To create pop-up dialogs
 655 | 
 656 | </p>
 657 | </details>
 658 | 
 659 | ---
 660 | 
 661 | ###### 39. What is the purpose of the "spinner" component in Bootstrap 5?
 662 | 
 663 | - A: To display loading indicators
 664 | - B: To style form elements
 665 | - C: To create pop-up notifications
 666 | - D: To handle form validation
 667 | 
 668 | <details><summary><b>Answer</b></summary>
 669 | <p>
 670 | 
 671 | #### Answer: A) To display loading indicators
 672 | 
 673 | </p>
 674 | </details>
 675 | 
 676 | ---
 677 | 
 678 | ###### 40. How can you create a responsive navigation bar in Bootstrap 5?
 679 | 
 680 | - A: By using the .navbar-expand class
 681 | - B: By adding the .responsive-navbar class
 682 | - C: By applying media queries in CSS
 683 | - D: By using the .navbar-responsive class
 684 | 
 685 | <details><summary><b>Answer</b></summary>
 686 | <p>
 687 | 
 688 | #### Answer: A) By using the .navbar-expand class
 689 | 
 690 | </p>
 691 | </details>
 692 | 
 693 | ---
 694 | 
 695 | ###### 41. Which class is used to create a responsive container that adjusts its width based on the viewport size in Bootstrap 5?
 696 | 
 697 | - A: .container-fluid
 698 | - B: .container
 699 | - C: .container-sm
 700 | - D: .container-lg
 701 | 
 702 | <details><summary><b>Answer</b></summary>
 703 | <p>
 704 | 
 705 | #### Answer: B) .container
 706 | 
 707 | </p>
 708 | </details>
 709 | 
 710 | ---
 711 | 
 712 | ###### 42. What is the purpose of the "pagination" component in Bootstrap 5?
 713 | 
 714 | - A: To create collapsible content panels
 715 | - B: To display a series of links to pages
 716 | - C: To handle form submissions
 717 | - D: To style buttons
 718 | 
 719 | <details><summary><b>Answer</b></summary>
 720 | <p>
 721 | 
 722 | #### Answer: B) To display a series of links to pages
 723 | 
 724 | </p>
 725 | </details>
 726 | 
 727 | ---
 728 | 
 729 | ###### 43. Which class is used to create a responsive alert box in Bootstrap 5?
 730 | 
 731 | - A: .alert-box
 732 | - B: .alert-responsive
 733 | - C: .alert-dismissible
 734 | - D: .alert
 735 | 
 736 | <details><summary><b>Answer</b></summary>
 737 | <p>
 738 | 
 739 | #### Answer: D) .alert
 740 | 
 741 | </p>
 742 | </details>
 743 | 
 744 | ---
 745 | 
 746 | ###### 44. What is the purpose of the "badge" component in Bootstrap 5?
 747 | 
 748 | - A: To display pop-up notifications
 749 | - B: To style text inputs
 750 | - C: To create hierarchical navigation links
 751 | - D: To display counts or labels
 752 | 
 753 | <details><summary><b>Answer</b></summary>
 754 | <p>
 755 | 
 756 | #### Answer: D) To display counts or labels
 757 | 
 758 | </p>
 759 | </details>
 760 | 
 761 | ---
 762 | 
 763 | ###### 45. How can you create a responsive carousel in Bootstrap 5?
 764 | 
 765 | - A: By using the .carousel-item class
 766 | - B: By adding media queries in CSS
 767 | - C: By applying the .carousel-responsive class
 768 | - D: By using the .carousel class
 769 | 
 770 | <details><summary><b>Answer</b></summary>
 771 | <p>
 772 | 
 773 | #### Answer: D) By using the .carousel class
 774 | 
 775 | </p>
 776 | </details>
 777 | 
 778 | ---
 779 | 
 780 | ###### 46. Which class is used to create a responsive grid layout in Bootstrap 5?
 781 | 
 782 | - A: .row
 783 | - B: .grid
 784 | - C: .grid-row
 785 | - D: .responsive-grid
 786 | 
 787 | <details><summary><b>Answer</b></summary>
 788 | <p>
 789 | 
 790 | #### Answer: A) .row
 791 | 
 792 | </p>
 793 | </details>
 794 | 
 795 | ---
 796 | 
 797 | ###### 47. What is the purpose of the "tooltip" component in Bootstrap 5?
 798 | 
 799 | - A: To display additional information on hover
 800 | - B: To create collapsible content panels
 801 | - C: To style form elements
 802 | - D: To handle form validation
 803 | 
 804 | <details><summary><b>Answer</b></summary>
 805 | <p>
 806 | 
 807 | #### Answer: A) To display additional information on hover
 808 | 
 809 | </p>
 810 | </details>
 811 | 
 812 | ---
 813 | 
 814 | ###### 48. Which class is used to create a responsive image gallery in Bootstrap 5?
 815 | 
 816 | - A: .gallery
 817 | - B: .image-gallery
 818 | - C: .responsive-gallery
 819 | - D: .img-fluid
 820 | 
 821 | <details><summary><b>Answer</b></summary>
 822 | <p>
 823 | 
 824 | #### Answer: D) .img-fluid
 825 | 
 826 | </p>
 827 | </details>
 828 | 
 829 | ---
 830 | 
 831 | ###### 49. What is the purpose of the "jumbotron" component in Bootstrap 5?
 832 | 
 833 | - A: To create a responsive container
 834 | - B: To display important content prominently
 835 | - C: To style form inputs
 836 | - D: To handle form submissions
 837 | 
 838 | <details><summary><b>Answer</b></summary>
 839 | <p>
 840 | 
 841 | #### Answer: B) To display important content prominently
 842 | 
 843 | </p>
 844 | </details>
 845 | 
 846 | ---
 847 | 
 848 | ###### 50. Which utility class is used to create spacing between elements inside a container in Bootstrap 5?
 849 | 
 850 | - A: .spacing
 851 | - B: .space
 852 | - C: .margins
 853 | - D: .paddings
 854 | 
 855 | <details><summary><b>Answer</b></summary>
 856 | <p>
 857 | 
 858 | #### Answer: B) .space
 859 | 
 860 | </p>
 861 | </details>
 862 | 
 863 | ---
 864 | 
 865 | ###### 51. What is the purpose of the "breadcrumb" component in Bootstrap 5?
 866 | 
 867 | - A: To display hierarchical navigation links
 868 | - B: To style buttons
 869 | - C: To create collapsible content panels
 870 | - D: To handle form submissions
 871 | 
 872 | <details><summary><b>Answer</b></summary>
 873 | <p>
 874 | 
 875 | #### Answer: A) To display hierarchical navigation links
 876 | 
 877 | </p>
 878 | </details>
 879 | 
 880 | ---
 881 | 
 882 | ###### 52. Which class is used to create a responsive table in Bootstrap 5?
 883 | 
 884 | - A: .table-responsive
 885 | - B: .responsive-table
 886 | - C: .table-fluid
 887 | - D: .responsive
 888 | 
 889 | <details><summary><b>Answer</b></summary>
 890 | <p>
 891 | 
 892 | #### Answer: A) .table-responsive
 893 | 
 894 | </p>
 895 | </details>
 896 | 
 897 | ---
 898 | 
 899 | ###### 53. What is the purpose of the "card" component in Bootstrap 5?
 900 | 
 901 | - A: To create a responsive container
 902 | - B: To display important content prominently
 903 | - C: To handle form submissions
 904 | - D: To style form inputs
 905 | 
 906 | <details><summary><b>Answer</b></summary>
 907 | <p>
 908 | 
 909 | #### Answer: B) To display important content prominently
 910 | 
 911 | </p>
 912 | </details>
 913 | 
 914 | ---
 915 | 
 916 | ###### 54. Which class is used to create a responsive navbar in Bootstrap 5?
 917 | 
 918 | - A: .navbar-expand
 919 | - B: .responsive-navbar
 920 | - C: .navbar-toggle
 921 | - D: .navbar-collapse
 922 | 
 923 | <details><summary><b>Answer</b></summary>
 924 | <p>
 925 | 
 926 | #### Answer: A) .navbar-expand
 927 | 
 928 | </p>
 929 | </details>
 930 | 
 931 | ---
 932 | 
 933 | ###### 55. What is the purpose of the "dropdown" component in Bootstrap 5?
 934 | 
 935 | - A: To create a responsive container
 936 | - B: To handle form submissions
 937 | - C: To display a list of options
 938 | - D: To style navigation links
 939 | 
 940 | <details><summary><b>Answer</b></summary>
 941 | <p>
 942 | 
 943 | #### Answer: C) To display a list of options
 944 | 
 945 | </p>
 946 | </details>
 947 | 
 948 | ---
 949 | 
 950 | ###### 56. Which class is used to create a responsive form layout in Bootstrap 5?
 951 | 
 952 | - A: .form-horizontal
 953 | - B: .form-inline
 954 | - C: .form-responsive
 955 | - D: .form-layout
 956 | 
 957 | <details><summary><b>Answer</b></summary>
 958 | <p>
 959 | 
 960 | #### Answer: B) .form-inline
 961 | 
 962 | </p>
 963 | </details>
 964 | 
 965 | ---
 966 | 
 967 | ###### 57. What is the purpose of the "spinner" component in Bootstrap 5?
 968 | 
 969 | - A: To display loading indicators
 970 | - B: To style buttons
 971 | - C: To handle form validation
 972 | - D: To create pop-up notifications
 973 | 
 974 | <details><summary><b>Answer</b></summary>
 975 | <p>
 976 | 
 977 | #### Answer: A) To display loading indicators
 978 | 
 979 | </p>
 980 | </details>
 981 | 
 982 | ---
 983 | 
 984 | ###### 58. Which class is used to create a responsive grid layout in Bootstrap 5?
 985 | 
 986 | - A: .grid
 987 | - B: .row
 988 | - C: .container
 989 | - D: .col
 990 | 
 991 | <details><summary><b>Answer</b></summary>
 992 | <p>
 993 | 
 994 | #### Answer: B) .row
 995 | 
 996 | </p>
 997 | </details>
 998 | 
 999 | ---
1000 | 
1001 | ###### 59. What is the purpose of the "navbar" component in Bootstrap 5?
1002 | 
1003 | - A: To display notifications or counts
1004 | - B: To create a collapsible content panel
1005 | - C: To create a responsive navigation bar
1006 | - D: To style buttons
1007 | 
1008 | <details><summary><b>Answer</b></summary>
1009 | <p>
1010 | 
1011 | #### Answer: C) To create a responsive navigation bar
1012 | 
1013 | </p>
1014 | </details>
1015 | 
1016 | ---
1017 | 
1018 | ###### 60. What is the purpose of the "collapse" component in Bootstrap 5?
1019 | 
1020 | - A: To display a series of links to pages
1021 | - B: To collapse elements vertically
1022 | - C: To handle form submissions
1023 | - D: To style text inputs
1024 | 
1025 | <details><summary><b>Answer</b></summary>
1026 | <p>
1027 | 
1028 | #### Answer: B) To collapse elements vertically
1029 | 
1030 | </p>
1031 | </details>
1032 | 
1033 | ---
1034 | 
1035 | ###### 61. Which class is used to create a responsive form layout in Bootstrap 5?
1036 | 
1037 | - A: .form-horizontal
1038 | - B: .form-inline
1039 | - C: .form-responsive
1040 | - D: .form
1041 | 
1042 | <details><summary><b>Answer</b></summary>
1043 | <p>
1044 | 
1045 | #### Answer: A) .form-horizontal
1046 | 
1047 | </p>
1048 | </details>
1049 | 
1050 | ---
1051 | 
1052 | ###### 62. Which class is used to create a responsive container that stretches to the full width of the viewport in Bootstrap 5?
1053 | 
1054 | - A: .container-fluid
1055 | - B: .container
1056 | - C: .container-lg
1057 | - D: .container-sm
1058 | 
1059 | <details><summary><b>Answer</b></summary>
1060 | <p>
1061 | 
1062 | #### Answer: A) .container-fluid
1063 | 
1064 | </p>
1065 | </details>
1066 | 
1067 | ---
1068 | 
1069 | ###### 63. What is the purpose of the "breadcrumb" component in Bootstrap 5?
1070 | 
1071 | - A: To create a responsive container
1072 | - B: To display hierarchical navigation links
1073 | - C: To style form inputs
1074 | - D: To handle form submissions
1075 | 
1076 | <details><summary><b>Answer</b></summary>
1077 | <p>
1078 | 
1079 | #### Answer: B) To display hierarchical navigation links
1080 | 
1081 | </p>
1082 | </details>
1083 | 
1084 | ---
1085 | 
1086 | ###### 64. What is the purpose of the "badge" component in Bootstrap 5?
1087 | 
1088 | - A: To display loading indicators
1089 | - B: To create a responsive container
1090 | - C: To display counts or labels
1091 | - D: To handle form submissions
1092 | 
1093 | <details><summary><b>Answer</b></summary>
1094 | <p>
1095 | 
1096 | #### Answer: C) To display counts or labels
1097 | 
1098 | </p>
1099 | </details>
1100 | 
1101 | ---
1102 | 
1103 | ###### 65. Which class is used to create a responsive container that adjusts its width based on the viewport size in Bootstrap 5?
1104 | 
1105 | - A: .container
1106 | - B: .container-fluid
1107 | - C: .container-lg
1108 | - D: .container-md
1109 | 
1110 | <details><summary><b>Answer</b></summary>
1111 | <p>
1112 | 
1113 | #### Answer: B) .container-fluid
1114 | 
1115 | </p>
1116 | </details>
1117 | 
1118 | ---
1119 | 
1120 | ###### 66. What is the purpose of the "form-check" component in Bootstrap 5?
1121 | 
1122 | - A: To style input elements
1123 | - B: To create responsive layouts
1124 | - C: To handle form validation
1125 | - D: To display hierarchical navigation links
1126 | 
1127 | <details><summary><b>Answer</b></summary>
1128 | <p>
1129 | 
1130 | #### Answer: A) To style input elements
1131 | 
1132 | </p>
1133 | </details>
1134 | 
1135 | ---
1136 | 
1137 | ###### 67. Which class is used to create a responsive card layout in Bootstrap 5?
1138 | 
1139 | - A: .card-layout
1140 | - B: .card-columns
1141 | - C: .card-group
1142 | - D: .card-responsive
1143 | 
1144 | <details><summary><b>Answer</b></summary>
1145 | <p>
1146 | 
1147 | #### Answer: B) .card-columns
1148 | 
1149 | </p>
1150 | </details>
1151 | 
1152 | ---
1153 | 
1154 | ###### 68. What is the purpose of the "accordion" component in Bootstrap 5?
1155 | 
1156 | - A: To create collapsible content panels
1157 | - B: To style navigation links
1158 | - C: To handle form validation
1159 | - D: To display notifications or counts
1160 | 
1161 | <details><summary><b>Answer</b></summary>
1162 | <p>
1163 | 
1164 | #### Answer: A) To create collapsible content panels
1165 | 
1166 | </p>
1167 | </details>
1168 | 
1169 | ---
1170 | 
1171 | ###### 69. Which class is used to create a responsive navbar in Bootstrap 5?
1172 | 
1173 | - A: .navbar
1174 | - B: .navbar-expand
1175 | - C: .navbar-responsive
1176 | - D: .navbar-toggle
1177 | 
1178 | <details><summary><b>Answer</b></summary>
1179 | <p>
1180 | 
1181 | #### Answer: B) .navbar-expand
1182 | 
1183 | </p>
1184 | </details>
1185 | 
1186 | ---
1187 | 
1188 | ###### 70. Which class is used to create a responsive list group in Bootstrap 5?
1189 | 
1190 | - A: .list-group
1191 | - B: .list-group-responsive
1192 | - C: .list-group-item
1193 | - D: .list-group-horizontal
1194 | 
1195 | <details><summary><b>Answer</b></summary>
1196 | <p>
1197 | 
1198 | #### Answer: A) .list-group
1199 | 
1200 | </p>
1201 | </details>
1202 | 
1203 | ---
1204 | 
1205 | ###### 71. Which class is used to create a responsive grid layout in Bootstrap 5?
1206 | 
1207 | - A: .grid
1208 | - B: .row
1209 | - C: .col
1210 | - D: .grid-layout
1211 | 
1212 | <details><summary><b>Answer</b></summary>
1213 | <p>
1214 | 
1215 | #### Answer: B) .row
1216 | 
1217 | </p>
1218 | </details>
1219 | 
1220 | ---
1221 | 
1222 | ###### 72. Which class is used to create a responsive container that centers its content both horizontally and vertically in Bootstrap 5?
1223 | 
1224 | - A: .container-center
1225 | - B: .container-middle
1226 | - C: .container-center-middle
1227 | - D: .container-centered
1228 | 
1229 | <details><summary><b>Answer</b></summary>
1230 | <p>
1231 | 
1232 | #### Answer: C) .container-center-middle
1233 | 
1234 | </p>
1235 | </details>
1236 | 
1237 | ---
1238 | 
1239 | ###### 73. What is the purpose of the "list-group" component in Bootstrap 5?
1240 | 
1241 | - A: To display a series of links to pages
1242 | - B: To create collapsible content panels
1243 | - C: To style input elements
1244 | - D: To handle form validation
1245 | 
1246 | <details><summary><b>Answer</b></summary>
1247 | <p>
1248 | 
1249 | #### Answer: A) To display a series of links to pages
1250 | 
1251 | </p>
1252 | </details>
1253 | 
1254 | ---
1255 | 
1256 | ###### 74. Which class is used to create a responsive grid layout with equal-width columns in Bootstrap 5?
1257 | 
1258 | - A: .col
1259 | - B: .col-auto
1260 | - C: .col-xx
1261 | - D: .col-md
1262 | 
1263 | <details><summary><b>Answer</b></summary>
1264 | <p>
1265 | 
1266 | #### Answer: A) .col
1267 | 
1268 | </p>
1269 | </details>
1270 | 
1271 | ---
1272 | 
1273 | ###### 75 What is the purpose of the "badge" component in Bootstrap 5?
1274 | 
1275 | - A: To display counts or labels
1276 | - B: To create a responsive container
1277 | - C: To handle form submissions
1278 | - D: To style buttons
1279 | 
1280 | <details><summary><b>Answer</b></summary>
1281 | <p>
1282 | 
1283 | #### Answer: A) To display counts or labels
1284 | 
1285 | </p>
1286 | </details>
1287 | 
1288 | ---
1289 | 
1290 | ###### 76. Which class is used to create a responsive navigation menu in Bootstrap 5?
1291 | 
1292 | - A: .navbar-nav
1293 | - B: .nav-menu
1294 | - C: .nav-links
1295 | - D: .nav
1296 | 
1297 | <details><summary><b>Answer</b></summary>
1298 | <p>
1299 | 
1300 | #### Answer: D) .nav
1301 | 
1302 | </p>
1303 | </details>
1304 | 
1305 | ---
1306 | 
1307 | ###### 77. What is the purpose of the "dropdown" component in Bootstrap 5?
1308 | 
1309 | - A: To handle form submissions
1310 | - B: To create a responsive container
1311 | - C: To display a list of options
1312 | - D: To style navigation links
1313 | 
1314 | <details><summary><b>Answer</b></summary>
1315 | <p>
1316 | 
1317 | #### Answer: C) To display a list of options
1318 | 
1319 | </p>
1320 | </details>
1321 | 
1322 | ---
1323 | 
1324 | ###### 78. Which class is used to create a responsive modal in Bootstrap 5?
1325 | 
1326 | - A: .modal
1327 | - B: .modal-responsive
1328 | - C: .modal-dialog
1329 | - D: .modal-content
1330 | 
1331 | <details><summary><b>Answer</b></summary>
1332 | <p>
1333 | 
1334 | #### Answer: A) .modal
1335 | 
1336 | </p>
1337 | </details>
1338 | 
1339 | ---
1340 | 
1341 | ###### 79. What is the purpose of the "tooltip" component in Bootstrap 5?
1342 | 
1343 | - A: To display additional information on hover
1344 | - B: To create collapsible content panels
1345 | - C: To style buttons
1346 | - D: To handle form validation
1347 | 
1348 | <details><summary><b>Answer</b></summary>
1349 | <p>
1350 | 
1351 | #### Answer: A) To display additional information on hover
1352 | 
1353 | </p>
1354 | </details>
1355 | 
1356 | ---
1357 | 
1358 | ###### 80. Which class is used to create a responsive form group in Bootstrap 5?
1359 | 
1360 | - A: .form-group
1361 | - B: .form-input
1362 | - C: .form-control
1363 | - D: .form-item
1364 | 
1365 | <details><summary><b>Answer</b></summary>
1366 | <p>
1367 | 
1368 | #### Answer: A) .form-group
1369 | 
1370 | </p>
1371 | </details>
1372 | 
1373 | ---
1374 | 
1375 | ###### 81. What is the purpose of the "jumbotron" component in Bootstrap 5?
1376 | 
1377 | - A: To create a responsive container
1378 | - B: To display important content prominently
1379 | - C: To handle form submissions
1380 | - D: To style form inputs
1381 | 
1382 | <details><summary><b>Answer</b></summary>
1383 | <p>
1384 | 
1385 | #### Answer: B) To display important content prominently
1386 | 
1387 | </p>
1388 | </details>
1389 | 
1390 | ---
1391 | 
1392 | ###### 82. Which class is used to create a responsive grid layout with columns that automatically adjust their width based on the content in Bootstrap 5?
1393 | 
1394 | - A: .col-auto
1395 | - B: .col-fluid
1396 | - C: .col-responsive
1397 | - D: .col-adaptive
1398 | 
1399 | <details><summary><b>Answer</b></summary>
1400 | <p>
1401 | 
1402 | #### Answer: A) .col-auto
1403 | 
1404 | </p>
1405 | </details>
1406 | 
1407 | ---
1408 | 
1409 | ###### 83. Which class is used to create a responsive card layout with equal height columns in Bootstrap 5?
1410 | 
1411 | - A: .card-columns-equal
1412 | - B: .card-group
1413 | - C: .card-equal
1414 | - D: .card-deck
1415 | 
1416 | <details><summary><b>Answer</b></summary>
1417 | <p>
1418 | 
1419 | #### Answer: D) .card-deck
1420 | 
1421 | </p>
1422 | </details>
1423 | 
1424 | ---
1425 | 
1426 | ###### 84. Which class is used to create a responsive navbar brand logo in Bootstrap 5?
1427 | 
1428 | - A: .navbar-brand
1429 | - B: .navbar-logo
1430 | - C: .navbar-header
1431 | - D: .brand-logo
1432 | 
1433 | <details><summary><b>Answer</b></summary>
1434 | <p>
1435 | 
1436 | #### Answer: A) .navbar-brand
1437 | 
1438 | </p>
1439 | </details>
1440 | 
1441 | ---
1442 | 
1443 | ###### 85. Which class is used to create a responsive list group with flush borders in Bootstrap 5?
1444 | 
1445 | - A: .list-group-flush
1446 | - B: .list-group-borderless
1447 | - C: .list-group-no-border
1448 | - D: .list-group-clear
1449 | 
1450 | <details><summary><b>Answer</b></summary>
1451 | <p>
1452 | 
1453 | #### Answer: A) .list-group-flush
1454 | 
1455 | </p>
1456 | </details>
1457 | 
1458 | ---
1459 | 
1460 | ###### 86. Which class is used to create a responsive form layout with inline elements in Bootstrap 5?
1461 | 
1462 | - A: .form-inline
1463 | - B: .form-horizontal
1464 | - C: .form-grid
1465 | - D: .form-row
1466 | 
1467 | <details><summary><b>Answer</b></summary>
1468 | <p>
1469 | 
1470 | #### Answer: A) .form-inline
1471 | 
1472 | </p>
1473 | </details>
1474 | 
1475 | ---
1476 | 
1477 | ###### 87. Which class is used to create a responsive container that adjusts its width based on the viewport size, with a fixed maximum width, in Bootstrap 5?
1478 | 
1479 | - A: .container-fluid
1480 | - B: .container
1481 | - C: .container-lg
1482 | - D: .container-max
1483 | 
1484 | <details><summary><b>Answer</b></summary>
1485 | <p>
1486 | 
1487 | #### Answer: C) .container-lg
1488 | 
1489 | </p>
1490 | </details>
1491 | 
1492 | ---
1493 | 
1494 | ###### 88. What is the purpose of the "breadcrumb" component in Bootstrap 5?
1495 | 
1496 | - A: To display a series of links to pages
1497 | - B: To create a collapsible content panel
1498 | - C: To handle form submissions
1499 | - D: To style buttons
1500 | 
1501 | <details><summary><b>Answer</b></summary>
1502 | <p>
1503 | 
1504 | #### Answer: A) To display a series of links to pages
1505 | 
1506 | </p>
1507 | </details>
1508 | 
1509 | ---
1510 | 
1511 | ###### 89. Which class is used to create a responsive grid layout with columns that automatically wrap at breakpoints in Bootstrap 5?
1512 | 
1513 | - A: .row
1514 | - B: .col
1515 | - C: .grid
1516 | - D: .col-auto
1517 | 
1518 | <details><summary><b>Answer</b></summary>
1519 | <p>
1520 | 
1521 | #### Answer: A) .row
1522 | 
1523 | </p>
1524 | </details>
1525 | 
1526 | ---
1527 | 
1528 | ###### 1. Which class is used to create a responsive grid layout with columns that stack vertically on smaller devices in Bootstrap 5?
1529 | 
1530 | - A: .col-auto
1531 | - B: .col-stack
1532 | - C: .col-sm
1533 | - D: .col-md
1534 | 
1535 | #### Answer: C) .col-sm
1536 | 
1537 | ###### 1. What is the purpose of the "pagination" component in Bootstrap 5?
1538 | 
1539 | - A: To display a series of links to pages
1540 | - B: To create a collapsible content panel
1541 | - C: To handle form submissions
1542 | - D: To style buttons
1543 | 
1544 | #### Answer: A) To display a series of links to pages
1545 | 
1546 | ###### 1. Which class is used to create a responsive card layout where all cards have the same width and height in Bootstrap 5?
1547 | 
1548 | - A: .card-deck
1549 | - B: .card-group
1550 | - C: .card-equal
1551 | - D: .card-stack
1552 | 
1553 | #### Answer: A) .card-deck
1554 | 
1555 | ###### 1. Which class is used to create a responsive navigation menu with pills in Bootstrap 5?
1556 | 
1557 | - A: .nav-pills
1558 | - B: .nav-menu
1559 | - C: .nav-tabs
1560 | - D: .navbar-nav
1561 | 
1562 | #### Answer: A) .nav-pills
1563 | 
1564 | ###### 1. Which class is used to create a responsive list group with flush borders in Bootstrap 5?
1565 | 
1566 | - A: .list-group-flush
1567 | - B: .list-group-borderless
1568 | - C: .list-group-no-border
1569 | - D: .list-group-clear
1570 | 
1571 | #### Answer: A) .list-group-flush
1572 | 
1573 | ###### 1. Which class is used to create a responsive form layout with inline elements in Bootstrap 5?
1574 | 
1575 | - A: .form-inline
1576 | - B: .form-horizontal
1577 | - C: .form-grid
1578 | - D: .form-row
1579 | 
1580 | #### Answer: A) .form-inline
1581 | 
1582 | ###### 1. What is the purpose of the "breadcrumb" component in Bootstrap 5?
1583 | 
1584 | - A: To display a series of links to pages
1585 | - B: To create a collapsible content panel
1586 | - C: To handle form submissions
1587 | - D: To style buttons
1588 | 
1589 | #### Answer: A) To display a series of links to pages
1590 | 
1591 | ###### 1. Which class is used to create a responsive grid layout with columns that automatically adjust their width based on the content in Bootstrap 5?
1592 | 
1593 | - A: .col
1594 | - B: .col-auto
1595 | - C: .col-xx
1596 | - D: .col-md
1597 | 
1598 | #### Answer: B) .col-auto
1599 | 


--------------------------------------------------------------------------------
/CSS MCQ/README.md:
--------------------------------------------------------------------------------
   1 | <div align="center">
   2 |   <img height="100" src="../Images/icons8-css3-100.png">
   3 |   <h1>CSS Questions</h1>
   4 | 
   5 | ---
   6 | 
   7 | <span>I post multiple choice CSS questions
   8 | 
   9 | From basic to advance- D: test how well you know CSS, refresh your knowledge a bit.</span>
  10 | 
  11 | Feel free to reach out to me! 😊 <br />
  12 | <a href="https://www.instagram.com/mahrous_gama1/" >Instagram</a> || <a href="https://twitter.com/MahrousGama1">Twitter</a> || <a href="https://www.linkedin.com/in/mahrous-gamal-044693218/">linkedin</a>
  13 | 
  14 | </div>
  15 | 
  16 | ###### 1. What is CSS stands for?
  17 | 
  18 | - A: Cascading Style Sheets
  19 | - B: Cascade Style Sheet
  20 | - C: Color Style Sheets
  21 | - D: Color Style Sheet
  22 | 
  23 | <details><summary><b>Answer</b></summary>
  24 | <p>
  25 | 
  26 | #### Answer: A) Cascading Style Sheets
  27 | 
  28 | <span style="color:green;">Explanation:</span>
  29 | 
  30 | The full form of the CSS is Cascading Style Sheets. Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
  31 | 
  32 | </p>
  33 | </details>
  34 | 
  35 | ---
  36 | 
  37 | ###### 2. What CSS describes?
  38 | 
  39 | - A: CSS describes how calculation perform on button click.
  40 | - B: CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  41 | - C: Both A. and B.
  42 | - D: None of the above
  43 | 
  44 | <details><summary><b>Answer</b></summary>
  45 | <p>
  46 | 
  47 | #### Answer: B) CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  48 | 
  49 | Explanation:
  50 | 
  51 | CSS describes how HTML elements are to be displayed on screen, paper, or in other media.
  52 | 
  53 | </p>
  54 | </details>
  55 | 
  56 | ---
  57 | 
  58 | ###### 3. What is the correct syntax for referring an external CSS?
  59 | 
  60 | - A: `<link rel="stylesheet" type="text/css" href="mystyle.css">`
  61 | - B: `<stylesheet rel="stylesheet" type="text/css" href="mystyle.css">`
  62 | - C: `<style rel="stylesheet" type="text/css" href="mystyle.css">`
  63 | - D: All of the above
  64 | 
  65 | #### Answer: A) `<link rel="stylesheet" type="text/css" href="mystyle.css">`
  66 | 
  67 | Explanation:
  68 | 
  69 | The correct syntax to include (refer) an external CSS in an HTML document is,
  70 | 
  71 | `<link rel="stylesheet" type="text/css" href="mystyle.css">`
  72 | Here,
  73 | 
  74 | rel defined the relationship.
  75 | href is the CSS filename.
  76 | type is the type of the file, for CSS – the type is "text/css"
  77 | 
  78 | ###### 4. What is a CSS selector?
  79 | 
  80 | - A: A CSS selector is the CSS class name
  81 | - B: A CSS selector is the set of properties that are going to be applied on HTML elements
  82 | - C: A CSS selector is name of CSS file.
  83 | - D: A CSS selector is the first part of a CSS Rule. It may an HTML element or pattern of elements.
  84 | 
  85 | #### Answer: D) A CSS selector is the first part of a CSS Rule. It may an HTML element or pattern of elements
  86 | 
  87 | Explanation:
  88 | 
  89 | A CSS selector is the first part of a CSS Rule. It may an HTML element or pattern of elements and other terms that tell the browser which HTML elements should be selected to have the CSS property values inside the rule applied to them.
  90 | 
  91 | ###### 5. In a CSS file, there is a CSS rule for paragraphs tags – what does p can be called?
  92 | 
  93 | - A: Selector
  94 | - B: Attribute
  95 | - C: Property
  96 | - D: Tag
  97 | 
  98 | #### Answer: A) Selector
  99 | 
 100 | Explanation:
 101 | 
 102 | In a CSS rule, the HTML element(s) for them we are writing the CSS is known as "CSS Selector".
 103 | 
 104 | ###### 6. Internal styles are written within the **\_** element.
 105 | 
 106 | - A: <style>…</style>
 107 | - B: <css>…</css>
 108 | - C: <stylesheet>…</stylesheet>
 109 | - D: Both A. and B.
 110 | 
 111 | #### Answer: A) `<style>…</style>`
 112 | 
 113 | Explanation:
 114 | 
 115 | Internal styles are defined within the `<style>` element, inside the `<head>` section of an HTML page.
 116 | 
 117 | ###### 7. Inline styles are written within the **\_** attribute.
 118 | 
 119 | - A: style
 120 | - B: css
 121 | - C: stylesheet
 122 | - D: Both A. and B.
 123 | 
 124 | #### Answer: A) style
 125 | 
 126 | Explanation:
 127 | 
 128 | Inline styles are defined within the style attribute of the relevant element.
 129 | 
 130 | Example:
 131 | 
 132 | `<h1 style="color:blue;text-align:center;">This is a heading</h1>`
 133 | `<p style="color:red;">This is a paragraph.</p>`
 134 | 
 135 | ###### 8. CSS comments are placed within the **\_\_**.
 136 | 
 137 | - A: //
 138 | - B: /_ and _/
 139 | - C: <_ and _>
 140 | - D: <! And !>
 141 | 
 142 | #### Answer: B) /_ and _/
 143 | 
 144 | Explanation:
 145 | 
 146 | A CSS comment is placed inside the `<style> `element, and starts with /_ and ends with _/.
 147 | 
 148 | ###### 9. Can comments also span multiple lines?
 149 | 
 150 | - A: Yes
 151 | - B: No
 152 | 
 153 | #### Answer: A) Yes
 154 | 
 155 | Explanation:
 156 | 
 157 | Yes, comments can also span multiple lines.
 158 | 
 159 | Example:
 160 | 
 161 | /_ This is
 162 | a multi-line
 163 | comment _/
 164 | 
 165 | OR
 166 | 
 167 | /_
 168 | This is
 169 | a multi-line
 170 | comment
 171 | _/
 172 | 
 173 | ###### 10. Which property is used to define the text color?
 174 | 
 175 | - A: text-color
 176 | - B: color
 177 | - C: font-color
 178 | - D: Both A. and B.
 179 | 
 180 | #### Answer: B) color
 181 | 
 182 | Explanation:
 183 | 
 184 | The color property is used to define the text color in CSS.
 185 | 
 186 | ###### 11. Which property is used to define the background color?
 187 | 
 188 | - A: bgcolor
 189 | - B: bg-color
 190 | - C: background
 191 | - D: background-color
 192 | 
 193 | #### Answer: D) background-color
 194 | 
 195 | Explanation:
 196 | 
 197 | The background-color property is used to define the background color in CSS.
 198 | 
 199 | ###### 12. From the given options which is/are the valid way to represent a color?
 200 | 
 201 | - A: A valid color name like "blue"
 202 | - B: HEX code like "#0000ff"
 203 | - C: RGB Value like "rgb(0,0,255)"
 204 | - D: All of the above
 205 | 
 206 | #### Answer: D) All of the above
 207 | 
 208 | Explanation:
 209 | 
 210 | All of the given options are valid to define/represent the color name.
 211 | 
 212 | ###### 13. Which property is used to define the font of the element's text?
 213 | 
 214 | - A: font
 215 | - B: font-family
 216 | - C: font-style
 217 | - D: All of the above
 218 | 
 219 | #### Answer: B) font-family
 220 | 
 221 | Explanation:
 222 | 
 223 | The font-family property is used to define the font of the element's text.
 224 | 
 225 | Example:
 226 | 
 227 | p
 228 | {
 229 | font-family: "Times New Roman", Times, serif;
 230 | }
 231 | 
 232 | ###### 14. To make a text italic, which CSS property is used?
 233 | 
 234 | - A: font
 235 | - B: font-family
 236 | - C: font-style
 237 | - D: All of the above
 238 | 
 239 | #### Answer: C) font-style
 240 | 
 241 | Explanation:
 242 | 
 243 | The font-style property is used to define the font style i.e., to make the text bold. To make the text italic, italic value is used.
 244 | 
 245 | Example:
 246 | 
 247 | p
 248 | {
 249 | font-style: italic;
 250 | }
 251 | 
 252 | ###### 15. What are the valid values of font-style property?
 253 | 
 254 | - A: italic, bold, bolder
 255 | - B: normal, bold, italic
 256 | - C: underline, bold, italic
 257 | - D: inherit, italic, normal, oblique
 258 | 
 259 | #### Answer: D) inherit, italic, normal, oblique
 260 | 
 261 | Explanation:
 262 | 
 263 | The following are the valid values of the font-style property,
 264 | 
 265 | inherit
 266 | italic
 267 | normal
 268 | oblique
 269 | 
 270 | ###### 16. Why font-weight property is used?
 271 | 
 272 | - A: Sets how thick or thin characters in text should be displayed.
 273 | - B: Sets the size of the font
 274 | - C: Both A. and B.
 275 | - D: None of the above
 276 | 
 277 | #### Answer: A) Sets how thick or thin characters in text should be displayed
 278 | 
 279 | Explanation:
 280 | 
 281 | The font-weight property sets how thick or thin characters in text should be displayed.
 282 | 
 283 | ###### 17. What is/are the correct value(s) of font-weight property?
 284 | 
 285 | - A: bold, italic, underline
 286 | - B: normal, bold, italic
 287 | - C: normal, bold, bolder, lighter, initial, and inherit
 288 | - D: None of the above
 289 | 
 290 | #### Answer: C) normal, bold, bolder, lighter, initial, and inherit
 291 | 
 292 | Explanation:
 293 | 
 294 | The valid values of the font-wight property:
 295 | 
 296 | normal,
 297 | bold
 298 | bolder
 299 | lighter
 300 | initial
 301 | inherit
 302 | 
 303 | ###### 18. Which is the correct inline CSS for p tag to define paragraph's text and background colors?
 304 | 
 305 | `<p css="color: red; background-color: yellow;">`
 306 | `<p cssstyle="color: red; background-color: yellow;">`
 307 | `<p inline="color: red; background-color: yellow;">`
 308 | `<p style="color: red; background-color: yellow;">`
 309 | 
 310 | #### Answer: D) `<p style="color: red; background-color: yellow;">`
 311 | 
 312 | Explanation:
 313 | 
 314 | The correct inline CSS style is,
 315 | 
 316 | `<p style="color: red; background-color: yellow;">Paragraph Text.</p>`
 317 | 
 318 | ###### 19. What is the correct syntax of border property in CSS?
 319 | 
 320 | - A: border: border-width border-style border-color
 321 | - B: border: border-color border-width border-style
 322 | - C: border: border-style border-width border-color
 323 | - D: All of the above
 324 | 
 325 | #### Answer: A) border: border-width border-style border-color
 326 | 
 327 | Explanation:
 328 | 
 329 | The correct syntax to define element's border using the border property
 330 | 
 331 | border: border-width border-style border-color
 332 | Example:
 333 | 
 334 | <p style="border: 2px solid red;">
 335 | This is some text in a paragraph.
 336 | </p>
 337 | 
 338 | ###### 20. Which of the following is the correct syntax to display the hyperlinks without any underline?
 339 | 
 340 | - A: a {text-decoration : underline;}
 341 | - B: a {text-decoration : none;}
 342 | - C: a {text-decoration : block;}
 343 | - D: None of the above
 344 | 
 345 | #### Answer: B) a {text-decoration : none;}
 346 | 
 347 | Explanation:
 348 | 
 349 | The correct syntax to display the hyperlinks without any underline is,
 350 | 
 351 | a {text-decoration : none;}
 352 | 
 353 | ###### 21. Which of the following is the correct syntax to remove the underline on hyperlinks and visited hyperlinks?
 354 | 
 355 | - A: a {text-decoration : underline;}, - A:visited {text-decoration : underline;}
 356 | - B: a {text-decoration : block;}, - A:visited {text-decoration : block;}
 357 | - C: a {text-decoration : none;}, - A:visited {text-decoration : none;}
 358 | - D: None of the above
 359 | 
 360 | #### Answer: C) a {text-decoration : none;}, - A:visited {text-decoration : none;}
 361 | 
 362 | Explanation:
 363 | 
 364 | The correct syntax to display the hyperlinks without any underline is,
 365 | 
 366 | a {text-decoration : none;}, - A:visited {text-decoration : none;}
 367 | 
 368 | ###### 22. Which CSS property is used to style the hyperlinks on hover (Mouse over)?
 369 | 
 370 | - A: - A:mouseover
 371 | - B: - A:move
 372 | - C: - A:mover
 373 | - D: - A:hover
 374 | 
 375 | #### Answer: D) - A:hover
 376 | 
 377 | Explanation:
 378 | 
 379 | The - A:hover property is used to define the style on mouse over event,
 380 | 
 381 | - A:hover{
 382 |   // styles
 383 |   }
 384 | 
 385 | ###### 23. If you want to use a green dotted border around an image, which CSS property is used for that?
 386 | 
 387 | - A: border-style
 388 | - B: border-color
 389 | - C: border-decoration
 390 | - D: Both A. and B.
 391 | 
 392 | #### Answer: D) Both A. and B.
 393 | 
 394 | Explanation:
 395 | 
 396 | Two properties border-style and border-color are used to define a green dotted border around an image.
 397 | 
 398 | Example:
 399 | 
 400 | `<img src="image_1.jpg" style="border-style:dotted;border-color:green;"/>`
 401 | 
 402 | ###### 24. Which CSS property and value is used to center an element?
 403 | 
 404 | - A: text-align:center
 405 | - B: align:center
 406 | - C: text-align:middle
 407 | - D: align:middle
 408 | 
 409 | #### Answer: A) text-align:center
 410 | 
 411 | Explanation:
 412 | 
 413 | text-align property with value center is used to center an elements.
 414 | 
 415 | ###### 25. What are the valid values of text-align property?
 416 | 
 417 | - A: left, middle, right
 418 | - B: left, center, right
 419 | - C: left, center, right, justify
 420 | - D: left, middle, right, justify
 421 | 
 422 | #### Answer: C) left, center, right, justify
 423 | 
 424 | Explanation:
 425 | 
 426 | The valid values of text-align property are,
 427 | 
 428 | left
 429 | center
 430 | right
 431 | justify
 432 | 
 433 | ###### 26. What is the use of "text-align:justify" in CSS?
 434 | 
 435 | - A: Stretches the lines so that each line has equal width
 436 | - B: Stretches the lines so that each line can be arranged in left alignment
 437 | - C: Stretches the lines so that each line can be arranged in right alignment
 438 | - D: None of the above
 439 | 
 440 | #### Answer: A) Stretches the lines so that each line has equal width
 441 | 
 442 | Explanation:
 443 | 
 444 | The text-align:justify property stretches the lines so that each line has equal width.
 445 | 
 446 | ###### 27. Which CSS property is used to specify the indentation of the first line of a text?
 447 | 
 448 | - A: text-align
 449 | - B: padding-left
 450 | - C: margin-left
 451 | - D: text-indent
 452 | 
 453 | #### Answer: D) text-indent
 454 | 
 455 | Explanation:
 456 | 
 457 | The text-indent property is used to specify the indentation of the first line of a text.
 458 | 
 459 | Example:
 460 | 
 461 | p {
 462 | text-indent: 50px;
 463 | }
 464 | 
 465 | ###### 28. Which CSS property is used to specify the space between the characters in a text?
 466 | 
 467 | - A: text-space
 468 | - B: letter-space
 469 | - C: letter-spacing
 470 | - D: letter-distance
 471 | 
 472 | #### Answer: C) letter-spacing
 473 | 
 474 | Explanation:
 475 | 
 476 | The letter-spacing property is used to specify the space between the characters in a text.
 477 | 
 478 | Example:
 479 | 
 480 | p {
 481 | letter-spacing: 5px;
 482 | }
 483 | 
 484 | ###### 29. Which CSS property is used to specify the space between lines?
 485 | 
 486 | - A: line-space
 487 | - B: line-spacing
 488 | - C: line-padding
 489 | - D: line-height
 490 | 
 491 | #### Answer: D) line-height
 492 | 
 493 | Explanation:
 494 | 
 495 | The line-height property is used to specify the space between lines.
 496 | 
 497 | Example:
 498 | 
 499 | p {
 500 | line-height: 2.0;
 501 | }
 502 | 
 503 | ###### 30. Which CSS property is used to specify the space between the words in a text?
 504 | 
 505 | - A: word-spacing
 506 | - B: word-padding
 507 | - C: word-height
 508 | - D: characters-spacing
 509 | 
 510 | #### Answer: A) word-spacing
 511 | 
 512 | Explanation:
 513 | 
 514 | The word-spacing property is used to specify the space between the words in a text.
 515 | 
 516 | Example:
 517 | 
 518 | p {
 519 | word-spacing: 10px;
 520 | }
 521 | 
 522 | ###### 31. Which CSS property adds shadow to text?
 523 | 
 524 | - A: content-shadow
 525 | - B: text-shadow
 526 | - C: word-shadow
 527 | - D: text-outline
 528 | 
 529 | #### Answer: B) text-shadow
 530 | 
 531 | Explanation:
 532 | 
 533 | The text-shadow property adds shadow to text.
 534 | 
 535 | Example:
 536 | 
 537 | p {
 538 | text-shadow: 1px 2px green;
 539 | }
 540 | 
 541 | ###### 32. Which CSS property is used to specify uppercase and lowercase letters in a text?
 542 | 
 543 | - A: text-transform
 544 | - B: text-case
 545 | - C: case
 546 | - D: text-casing
 547 | 
 548 | #### Answer: A) text-transform
 549 | 
 550 | Explanation:
 551 | 
 552 | The text-transform property is used to specify uppercase and lowercase letters in a text.
 553 | 
 554 | Example:
 555 | 
 556 | p {
 557 | text-transform: uppercase / lowercase / capitalize;
 558 | }
 559 | 
 560 | ###### 33. Which is the correct CSS statement to capitalize the first letter of each word?
 561 | 
 562 | - A: text-transform: uppercase
 563 | - B: text-transform: capitalize
 564 | - C: text-transform: sentence
 565 | - D: Both A. and B.
 566 | 
 567 | #### Answer: B) text-transform: capitalize
 568 | 
 569 | Explanation:
 570 | 
 571 | The correct CSS statement is to capitalize the first letter of each word,
 572 | 
 573 | p {
 574 | text-transform: capitalize;
 575 | }
 576 | 
 577 | ###### 34. What are the valid values of text-transform property?
 578 | 
 579 | - A: uppercase, lowercase, and capitalize
 580 | - B: uppercase, lowercase, capitalize, and sentence
 581 | - C: upper, lower, and capital
 582 | - D: upper, lower, capital, and sentence
 583 | 
 584 | #### Answer: A) uppercase, lowercase, and capitalize
 585 | 
 586 | Explanation:
 587 | 
 588 | The valid values of text-transform property are,
 589 | 
 590 | uppercase
 591 | lowercase, and
 592 | capitalize
 593 | 
 594 | ###### 35. What are the valid values of "text-decoration" property?
 595 | 
 596 | - A: overline, line-through, underline, and none
 597 | - B: overline, strike, line-through, underline, and none
 598 | - C: double-line, overline, line-through, underline, and none
 599 | - D: None of these
 600 | 
 601 | #### Answer: A) overline, line-through, underline, and none
 602 | 
 603 | Explanation:
 604 | 
 605 | The valid values of text-decoration property are,
 606 | 
 607 | overline
 608 | line-through
 609 | underline, and
 610 | none
 611 | 
 612 | ###### 36. Which CSS property specifies how to align the last line of a text?
 613 | 
 614 | - A: text-align
 615 | - B: last-text-align
 616 | - C: text-align-last-line
 617 | - D: text-align-last
 618 | 
 619 | #### Answer: D) text-align-last
 620 | 
 621 | Explanation:
 622 | 
 623 | The text-align-last property specifies how to align the last line of a text.
 624 | 
 625 | Example:
 626 | 
 627 | p {
 628 | text-align-last: right;
 629 | }
 630 | 
 631 | ###### 37. Which CSS property sets the vertical alignment of an element?
 632 | 
 633 | - A: vertical-align
 634 | - B: vertical-text-align
 635 | - C: text-valign
 636 | - D: vertical-align-text
 637 | 
 638 | #### Answer: A) vertical-align
 639 | 
 640 | Explanation:
 641 | 
 642 | The vertical-align property sets the vertical alignment of an element.
 643 | 
 644 | Example:
 645 | 
 646 | p {
 647 | vertical-align: baseline;
 648 | }
 649 | 
 650 | ###### 38. What are the valid values of vertical-align property?
 651 | 
 652 | - A: baseline, text-top, text-bottom, subscript, and superscript
 653 | - B: baseline, top, bottom, sub, and super
 654 | - C: baseline, text-top, text-bottom, sub, and super
 655 | - D: base, text-top, text-bottom, sub, and super
 656 | 
 657 | #### Answer: C) baseline, text-top, text-bottom, sub, and super
 658 | 
 659 | Explanation:
 660 | 
 661 | The valid values of vertical-align property are,
 662 | 
 663 | baseline
 664 | text-top
 665 | text-bottom
 666 | sub, and
 667 | super
 668 | 
 669 | ###### 39. Which is the correct CSS statement to define multiple font families?
 670 | 
 671 | - A: font: "Times New Roman", Times, serif;
 672 | - B: font-name: "Times New Roman", Times, serif;
 673 | - C: font-family: "Times New Roman, Times, serif";
 674 | - D: font-family: "Times New Roman", Times, serif;
 675 | 
 676 | #### Answer: D) font-family: "Times New Roman", Times, serif;
 677 | 
 678 | Explanation:
 679 | 
 680 | The correct CSS statement to define multiple font families,
 681 | 
 682 | p {
 683 | font-family: "Times New Roman", Times, serif;
 684 | }
 685 | 
 686 | ###### 40. Which CSS property specifies the type of list item marker?
 687 | 
 688 | - A: list-style
 689 | - B: list-style-type
 690 | - C: list-style-circle
 691 | - D: list-style-square
 692 | 
 693 | #### Answer: B) list-style-type
 694 | 
 695 | Explanation:
 696 | 
 697 | The list-style-type property specifies the type of list item marker.
 698 | 
 699 | Example:
 700 | 
 701 | ul {
 702 | list-style-type: circle;
 703 | }
 704 | 
 705 | ###### 41. Which is the correct CSS statement is used to remove the markers/bullets?
 706 | 
 707 | - A: list-style: none;
 708 | - B: list-style-type: 0;
 709 | - C: list-style-type: blank;
 710 | - D: list-style-type: none;
 711 | 
 712 | #### Answer: D) list-style-type: none;
 713 | 
 714 | Explanation:
 715 | 
 716 | The correct CSS statement is used to remove the markers/bullets,
 717 | 
 718 | ul {
 719 | list-style-type: none;
 720 | }
 721 | 
 722 | ###### 42. Which CSS property specifies an image as the list item marker?
 723 | 
 724 | - A: list-style-image
 725 | - B: list-style-picture
 726 | - C: list-style-background
 727 | - D: list-style-bgimage
 728 | 
 729 | #### Answer: A) list-style-image
 730 | 
 731 | Explanation:
 732 | 
 733 | The list-style-image property specifies an image as the list item marker.
 734 | 
 735 | Example:
 736 | 
 737 | ul {
 738 | list-style-image: url('sqpurple.gif');
 739 | }
 740 | 
 741 | ###### 43. Which CSS property specifies if/how an element is displayed?
 742 | 
 743 | - A: block
 744 | - B: display
 745 | - C: element-display
 746 | - D: element-block
 747 | 
 748 | #### Answer: B) display
 749 | 
 750 | Explanation:
 751 | 
 752 | The display property specifies if/how an element is displayed.
 753 | 
 754 | Example:
 755 | 
 756 | ul {
 757 | display: block;
 758 | }
 759 | 
 760 | ###### 44. Which CSS property specifies the type of positioning method used for an element?
 761 | 
 762 | - A: positions
 763 | - B: text-position
 764 | - C: positioning
 765 | - D: position
 766 | 
 767 | #### Answer: D) position
 768 | 
 769 | Explanation:
 770 | 
 771 | The position property specifies the type of positioning method used for an element.
 772 | 
 773 | Example:
 774 | 
 775 | div.fixed{
 776 | position: fixed;
 777 | }
 778 | 
 779 | ###### 45. HTML elements are positioned \_\_\_ by default.
 780 | 
 781 | - A: static
 782 | - B: fixed
 783 | - C: relative
 784 | - D: none
 785 | 
 786 | #### Answer: A) static
 787 | 
 788 | Explanation:
 789 | 
 790 | HTML elements are positioned static by default.
 791 | 
 792 | ###### 46. What are the valid values for "position" property?
 793 | 
 794 | - A: block, none, fixed, absolute, and static
 795 | - B: block, static, fixed, absolute, and sticky
 796 | - C: static, relative, fixed, absolute, and none
 797 | - D: static, relative, fixed, absolute, and sticky
 798 | 
 799 | #### Answer: D) static, relative, fixed, absolute, and sticky
 800 | 
 801 | Explanation:
 802 | 
 803 | The valid values for position property are,
 804 | 
 805 | static
 806 | relative
 807 | fixed
 808 | absolute
 809 | sticky
 810 | 
 811 | ###### 47. Which CSS property specifies the opacity/transparency of an element?
 812 | 
 813 | - A: transparency
 814 | - B: opacity
 815 | - C: transform-opacity
 816 | - D: opacity-all
 817 | 
 818 | #### Answer: B) opacity
 819 | 
 820 | Explanation:
 821 | 
 822 | The opacity property specifies the opacity/transparency of an element.
 823 | 
 824 | Example:
 825 | 
 826 | img {
 827 | opacity: 0.8;
 828 | }
 829 | 
 830 | ###### 48. Which CSS function performs a calculation to be used as the property value?
 831 | 
 832 | - A: sum()
 833 | - B: add()
 834 | - C: calc()
 835 | - D: addition()
 836 | 
 837 | #### Answer: C) calc()
 838 | 
 839 | Explanation:
 840 | 
 841 | The calc() function performs a calculation to be used as the property value.
 842 | 
 843 | Example:
 844 | 
 845 | body {
 846 | width: calc(100% - 100px);
 847 | }
 848 | 
 849 | ###### 49. Which CSS function uses the largest value?
 850 | 
 851 | - A: large()
 852 | - B: maximum()
 853 | - C: max_value()
 854 | - D: max()
 855 | 
 856 | #### Answer: D) max()
 857 | 
 858 | Explanation:
 859 | 
 860 | The max() function uses the largest value.
 861 | 
 862 | Example:
 863 | 
 864 | body {
 865 | width: max(80%, 100px);
 866 | }
 867 | 
 868 | ###### 50. Which CSS function uses the smallest value?
 869 | 
 870 | - A: small()
 871 | - B: minimum()
 872 | - C: min_value()
 873 | - D: min()
 874 | 
 875 | #### Answer: D) min()
 876 | 
 877 | Explanation:
 878 | 
 879 | The min() function uses the smallest value.
 880 | 
 881 | Example:
 882 | 
 883 | body {
 884 | width: min(80%, 100px);
 885 | }
 886 | 
 887 | ###### 51. In how many ways can CSS be added to HTML?
 888 | 
 889 | - A: One
 890 | - B: Two
 891 | - C: Three
 892 | - D: Infinite
 893 | 
 894 | #### Answer: C) Three
 895 | 
 896 | Explanation:
 897 | 
 898 | CSS can be added to HTML in three different ways.
 899 | 
 900 | By using style attribute inside `<body>`tag.
 901 | By using `<style> `tag inside the `<head>` section of HTML
 902 | By creating an external CSS file and linking this file using `<link>` tag in HTML.
 903 | 
 904 | ###### 52. The `<style>` in Internal CSS refers to \_\_\_.
 905 | 
 906 | - A: Attributes
 907 | - B: HTML tags
 908 | - C: Selector
 909 | - D: All of the above
 910 | 
 911 | #### Answer: B) HTML tags
 912 | 
 913 | Explanation:
 914 | 
 915 | In Internal CSS, we add CSS using `<style>`, which is an HTML tag.
 916 | 
 917 | ###### 53. Can we link multiple stylesheets to a single page?
 918 | 
 919 | - A: Yes
 920 | - B: No
 921 | - C: Can't say, it depends on CSS properties
 922 | - D: None of the above
 923 | 
 924 | #### Answer: A) Yes
 925 | 
 926 | Explanation:
 927 | 
 928 | Yes, we can link multiple stylesheets to a single page. You just have to add the `<link>` element for each stylesheet.
 929 | 
 930 | ###### 54. The CSS property used to change text sizes?
 931 | 
 932 | - A: font-family
 933 | - B: font-size
 934 | - C: font
 935 | - D: Both A and C
 936 | 
 937 | #### Answer: D) Both A and C
 938 | 
 939 | Explanation:
 940 | 
 941 | The font and font-size CSS properties are used to change the font size. Font size is one of the longhand properties of the font.
 942 | 
 943 | ###### 55. In this line of code, identify the selector \_\_\_.
 944 | 
 945 | p {border: 2px solid blue;}
 946 | 
 947 | - A: p
 948 | - B: border
 949 | - C: 2px
 950 | - D: None of these
 951 | 
 952 | #### Answer: A) p
 953 | 
 954 | Explanation:
 955 | 
 956 | In the given line of code, p is the selector. Selectors target HTML elements that we want to style. Here, the border is a CSS property and 2px solid blue is the property value.
 957 | 
 958 | ###### 56. How many color names does CSS supports?
 959 | 
 960 | - A: 140
 961 | - B: 100
 962 | - C: 75
 963 | - D: 90
 964 | 
 965 | #### Answer: A) 140
 966 | 
 967 | Explanation:
 968 | 
 969 | CSS3 has 140 color names available which are supported by all the browsers.
 970 | 
 971 | ###### 57. The \_\_\_ property is used in the positioning of the background image.
 972 | 
 973 | - A: background-image
 974 | - B: background-position
 975 | - C: padding
 976 | - D: All of the above
 977 | 
 978 | #### Answer: B) background-position
 979 | 
 980 | Explanation:
 981 | 
 982 | As the name suggests, the background-position property specifies the position of the background image.
 983 | 
 984 | ###### 58. \_\_\_ means 4 times the size of the current font.
 985 | 
 986 | - A: 4px
 987 | - B: 4pt
 988 | - C: 4em
 989 | - D: 4vw
 990 | 
 991 | #### Answer: C) 4em
 992 | 
 993 | Explanation:
 994 | 
 995 | All four units refer to the unit of length. 4em means 4 times the size of the current font which is relative to the font size of the element.
 996 | 
 997 | ###### 59. Amongst the following browsers, which browser supports almost all the CSS properties?
 998 | 
 999 | - A: Firefox
1000 | - B: Safari
1001 | - C: Google Chrome
1002 | - D: Opera
1003 | 
1004 | #### Answer: C) Google Chrome
1005 | 
1006 | Explanation:
1007 | 
1008 | Both Google Chrome and Microsoft Edge support almost all the CSS properties.
1009 | 
1010 | ###### 60. What is the CSS Entity for the character '#'?
1011 | 
1012 | - A: 0023
1013 | - B: 0026
1014 | - C: 0027
1015 | - D: None of these
1016 | 
1017 | #### Answer: A) 0023
1018 | 
1019 | Explanation:
1020 | 
1021 | We use CSS Entities to display all the characters. There are different entities for different characters. For this character "#", CSS Entity is 0023.
1022 | 
1023 | ###### 61. This selector selects all the `<h>` elements where the parent is a `<div>` element.
1024 | 
1025 | - A: h + p
1026 | - B: h > p
1027 | - C: p.h
1028 | - D: p > h
1029 | 
1030 | #### Answer: B) h > p
1031 | 
1032 | Explanation:
1033 | 
1034 | This is an element>element selector in which operand on the left side of child combinator (>) is the parent and operand on the right side is the child element.
1035 | 
1036 | ###### 62. Which selector selects the markers of list items?
1037 | 
1038 | - A: :: marker
1039 | - B: .marker
1040 | - C: ::selector
1041 | - D: None of these
1042 | 
1043 | #### Answer: A) ::marker
1044 | 
1045 | Explanation:
1046 | 
1047 | The :: marker selector targets the list markers of list items.
1048 | 
1049 | ###### 63. Which is the most widely used font in customizing web pages?
1050 | 
1051 | - A: Times New Roman
1052 | - B: Georgia
1053 | - C: Arial
1054 | - D: Garamond
1055 | 
1056 | #### Answer: C) Arial
1057 | 
1058 | Explanation:
1059 | 
1060 | Arial (sans-serif) is the most widely used font on web pages.
1061 | 
1062 | ###### 64. Which of the following CSS properties are animatable?
1063 | 
1064 | - A: color
1065 | - B: border-left
1066 | - C: flex
1067 | - D: All of the above
1068 | 
1069 | #### Answer: D) All of the above
1070 | 
1071 | Explanation:
1072 | 
1073 | We can add animation and transitions to all these three properties. To add animations, we apply animation property.
1074 | 
1075 | ###### 65. We can give space between unit and value when assigning length values to CSS properties.
1076 | 
1077 | - A: True
1078 | - B: False
1079 | 
1080 | #### Answer: B) False
1081 | 
1082 | Explanation:
1083 | 
1084 | If you give a space between unit and value, the property won't be injected in div.
1085 | 
1086 | ###### 66. Which of these units of length is supported by Chrome Version 1.0?
1087 | 
1088 | - A: rem
1089 | - B: px
1090 | - C: vw
1091 | - D: vh
1092 | 
1093 | #### Answer: B) px
1094 | 
1095 | Explanation:
1096 | 
1097 | Pixels (px) is supported by Chrome Version 1.0.
1098 | 
1099 | ###### 67. Which line of code is a must to write to apply CSS Flexbox properties?
1100 | 
1101 | - A: display: flex;
1102 | - B: display: flexbox;
1103 | - C: display: block;
1104 | - D: flex-direction: row;
1105 | 
1106 | #### Answer: A) display: flex;
1107 | 
1108 | Explanation:
1109 | 
1110 | If you want to apply CSS Flexbox properties, you need to set the display to flex first.
1111 | 
1112 | ###### 68. The default value of justify-content property is \_\_\_.
1113 | 
1114 | - A: flex-start
1115 | - B: flex-end
1116 | - C: space-between
1117 | - D: None
1118 | 
1119 | #### Answer: A) flex-start
1120 | 
1121 | Explanation:
1122 | 
1123 | The justify-content property is one of the CSS Flexbox properties. Its default value is flex-start.
1124 | 
1125 | ###### 69. Which is the correct syntax for adding animation?
1126 | 
1127 | - A: animation: name timing-function duration
1128 | - B: animation: name duration timing-function
1129 | - C: animation: name delay duration
1130 | - D: None of these
1131 | 
1132 | #### Answer: B) animation: name duration timing-function
1133 | 
1134 | Explanation:
1135 | 
1136 | The correct syntax for adding animation is:
1137 | 
1138 | animation: name duration timing-function
1139 | 
1140 | ###### 70. Which line of code specifies playing an animation with the same speed from beginning to the end?
1141 | 
1142 | - A: div {animation- timing function: linear;}
1143 | - B: div {animation- timing function: ease in;}
1144 | - C: div {animation- play- state: paused;}
1145 | - D: div {animation- fill-mode: both;}
1146 | 
1147 | #### Answer: A) div {animation- timing function: linear;}
1148 | 
1149 | Explanation:
1150 | 
1151 | We use the animation- timing- function property to define the time an animation uses to change from one set of CSS styles to another. When we set its value to linear, the animation will have the same speed from start to end.
1152 | 
1153 | ###### 71. Which line of code represents a universal selector?
1154 | 
1155 | - A: \*{border: 2px solid red;}
1156 | - B: body {border: 2px solid red;}
1157 | - C: Both A&B
1158 | - D: None of these
1159 | 
1160 | #### Answer: A) \*{border: 2px solid red;}
1161 | 
1162 | Explanation:
1163 | 
1164 | Syntax for Universal selector is:
1165 | 
1166 | \*{CSS property}
1167 | This selector selects all the HTML elements on the page.
1168 | 
1169 | ###### 72. Which of the following properties specify the width of the borders?
1170 | 
1171 | - A: border-width
1172 | - B: border-style
1173 | - C: border
1174 | - D: Both A and C
1175 | 
1176 | #### Answer: D) Both A and C
1177 | 
1178 | Explanation:
1179 | 
1180 | Both border and border-width properties specify the width of the borders. The border property is a shorthand property for border-width, border-style, and border-color.
1181 | 
1182 | ###### 73. Is border-image property animatable?
1183 | 
1184 | - A: Yes
1185 | - B: No
1186 | 
1187 | #### Answer: B) No
1188 | 
1189 | Explanation:
1190 | 
1191 | The border-image property is not animatable. We cannot use this property in defining animations and transitions.
1192 | 
1193 | ###### 74. What value is set to border: collapse property to define borders around each cell? (Refer to the image)
1194 | 
1195 | - A: collapse
1196 | - B: separate
1197 | - C: initial
1198 | - D: inherit
1199 | 
1200 | #### Answer: B) separate
1201 | 
1202 | Explanation:
1203 | 
1204 | When we set the value of border:collapse property to separate, each cell will display its borders.
1205 | 
1206 | ###### 75. Which cursor property value indicates that the program is busy?
1207 | 
1208 | - A: help
1209 | - B: default
1210 | - C: auto
1211 | - D: wait
1212 | 
1213 | #### Answer: D) wait
1214 | 
1215 | Explanation:
1216 | 
1217 | When we set the cursor property value to wait, the cursor indicates that the program is busy.
1218 | 
1219 | ###### 76. What does this line of code explain?
1220 | 
1221 | p {display: flex;}
1222 | 
1223 | - A: All the <p> elements are displayed as a block-level flex container
1224 | - B: All the <p>elements are not displayed by the browser
1225 | - C: All the <p> elements are displayed as a grid container
1226 | - D: All the <p> elements are displayed as an inline flex container
1227 | 
1228 | #### Answer: A) All the `<p>` elements are displayed as a block-level flex container
1229 | 
1230 | ###### 77. The text-align property defines the \_\_\_ alignment of text in an element.
1231 | 
1232 | - A: horizontal
1233 | - B: vertical
1234 | - C: both horizontal & vertical
1235 | - D: None of these
1236 | 
1237 | #### Answer: A) horizontal
1238 | 
1239 | Explanation:
1240 | 
1241 | The text-align property specifies the horizontal alignment of the text.
1242 | 
1243 | ###### 78. Does the z-index property accept negative values?
1244 | 
1245 | - A: Yes
1246 | - B: No
1247 | 
1248 | #### Answer: A) Yes
1249 | 
1250 | Explanation:
1251 | 
1252 | The z-index property accepts both negative and positive values.
1253 | 
1254 | ###### 79. Which CSS property is not supported by the Firefox browser?
1255 | 
1256 | - A: text-indent
1257 | - B: scroll-behavior
1258 | - C: overflow
1259 | - D: viewport
1260 | 
1261 | #### Answer: D) viewport
1262 | 
1263 | Explanation:
1264 | 
1265 | The viewport property is not supported by Firefox. Chrome and Microsoft Edge support this.
1266 | 
1267 | ###### 80. Which one is a fallback font?
1268 | 
1269 | - A: Times New Roman
1270 | - B: Georgia
1271 | - C: Serif
1272 | - D: None of these
1273 | 
1274 | #### Answer: C) Serif
1275 | 
1276 | Explanation:
1277 | 
1278 | One of the most commonly used fallback fonts is serif. Times New Roman and Georgia are examples of serif.
1279 | 
1280 | ###### 81. Where do we store external stylesheets?
1281 | 
1282 | - A: HTML files
1283 | - B: CSS files
1284 | - C: Folder
1285 | - D: None of these
1286 | 
1287 | #### Answer: B) CSS files
1288 | 
1289 | Explanation:
1290 | 
1291 | External stylesheets are stored in CSS files and we can link those files in HTML using the <link> tag.
1292 | 
1293 | ###### 82. In the given line of code, identify the type of selector used.
1294 | 
1295 | #Main {background-color: yellow;}
1296 | 
1297 | - A: CSS element selector
1298 | - B: CSS id selector
1299 | - C: Combinator selector
1300 | - D: All of the above
1301 | 
1302 | #### Answer: B) CSS id selector
1303 | 
1304 | Explanation:
1305 | 
1306 | The id selector uses the id attribute of an HTML element to select a specified element.
1307 | 
1308 | Syntax:
1309 | 
1310 | #id attribute {CSS property}
1311 | 
1312 | ###### 83. The Hex Code for the red color is \_\_\_.
1313 | 
1314 | - A: `#FF0000`
1315 | - B: `#F0F000`
1316 | - C: `#F0000F`
1317 | - D: None of these
1318 | 
1319 | #### Answer: A) `#FF0000`
1320 | 
1321 | Explanation:
1322 | 
1323 | Hex codes are three-byte hexadecimal numbers that are used to identify color in HTML/CSS.
1324 | 
1325 | ###### 84. In CSS, what does HSL stands for?
1326 | 
1327 | - A: hue, standard, light
1328 | - B: height, standard, line-width
1329 | - C: hue, saturation, lightness
1330 | - D: hue, standard, line-width
1331 | 
1332 | #### Answer: C) hue, saturation, lightness
1333 | 
1334 | Explanation:
1335 | 
1336 | HSL stands for hue, saturation, lightness. In CSS, we can specify color using the HSL value.
1337 | 
1338 | ###### 85. Among the following CSS properties, which property is not a shorthand property?
1339 | 
1340 | - A: background
1341 | - B: padding
1342 | - C: display
1343 | - D: border
1344 | 
1345 | #### Answer: C) display
1346 | 
1347 | Explanation:
1348 | 
1349 | The display property is not a shorthand property. It has only one property value.
1350 | 
1351 | ###### 86. In this line of code, what is the use of the alt attribute?
1352 | 
1353 | `<img src="circle.jpg" alt="It is red">`
1354 | 
1355 | - A: Adds a text description to an image
1356 | - B: Provides alternative information for an image
1357 | - C: To hide an image
1358 | - D: Both A & B
1359 | 
1360 | #### Answer: D) Both A & B
1361 | 
1362 | Explanation:
1363 | 
1364 | The alt attribute is used to provide alternative information for an image if a user fails to view an image on the webpage and also it tells us something related to the image.
1365 | 
1366 | ###### 87. The CSS border property specifies the style, color, and \_\_\_ of an element's border.
1367 | 
1368 | - A: length
1369 | - B: size
1370 | - C: width
1371 | - D: area
1372 | 
1373 | #### Answer: C) width
1374 | 
1375 | Explanation:
1376 | 
1377 | The CSS border properties specify the style, color, and width of an element's border. The border property is a shorthand property for border-width, border-style, and border-color.
1378 | 
1379 | ###### 88. To get this output, the CSS properties put to use are \_\_\_.
1380 | 
1381 | - A: display, border, align-items, justify-content
1382 | - B: display, border-width, justify-content, border-color
1383 | - C: margin, display, padding-left, justify-content
1384 | - D: None of these
1385 | 
1386 | #### Answer: A) display, border, align-items, justify-content
1387 | 
1388 | Explanation:
1389 | 
1390 | Code:
1391 | 
1392 | border: 4px solid blue;
1393 | display: flex;
1394 | align-items: center;
1395 | justify-content: center;
1396 | 
1397 | ###### 89. What does 'padding: 50px 20px;' specifies?
1398 | 
1399 | - A: top padding is 50px
1400 | - B: bottom padding is 20px
1401 | - C: right padding is 20px
1402 | - D: Both A & C
1403 | 
1404 | #### Answer: D) Both A & C
1405 | 
1406 | Explanation:
1407 | 
1408 | This line of code specifies top and bottom paddings are "50px" & "right" and left paddings are "20px".
1409 | 
1410 | ###### 90. What is the default size for normal text, like paragraphs?
1411 | 
1412 | - A: 11px
1413 | - B: 12px
1414 | - C: 16px
1415 | - D: 18px
1416 | 
1417 | #### Answer: C) 16px
1418 | 
1419 | Explanation:
1420 | 
1421 | If we don't specify a font size, the default size for normal texts is "16px" or "1em".
1422 | 


--------------------------------------------------------------------------------
/HTML MCQ/README.md:
--------------------------------------------------------------------------------
   1 | <div align="center">
   2 |   <img height="100" src="../Images/icons8-html-5-100.png">
   3 |   <h1>HTML Questions</h1>
   4 | 
   5 | ---
   6 | 
   7 | <span>I post multiple choice HTML questions
   8 | 
   9 | From basic to advanced: test how well you know HTML, refresh your knowledge a bit.</span>
  10 | 
  11 | Feel free to reach out to me! 😊 <br />
  12 | <a href="https://www.instagram.com/mahrous_gama1/" >Instagram</a> || <a href="https://twitter.com/MahrousGama1">Twitter</a> || <a href="https://www.linkedin.com/in/mahrous-gamal-044693218/">linkedin</a>
  13 | 
  14 | </div>
  15 | 
  16 | ###### 1.A webpage displays a picture. What tag was used to display that picture?
  17 | 
  18 | - A: `picture`
  19 | - B: `image`
  20 | - C: `img`
  21 | - D: `src`
  22 | 
  23 | <details><summary><b>Answer</b></summary>
  24 | <p>
  25 | 
  26 | #### Answer: C
  27 | 
  28 | </p>
  29 | </details>
  30 | 
  31 | ---
  32 | 
  33 | ###### 2.<b> tag makes the enclosed text bold. What is other tag to make text bold?
  34 | 
  35 | - A: `<strong>`
  36 | - B: `<dar>`
  37 | - C: `<black>`
  38 | 
  39 | <details><summary><b>Answer</b></summary>
  40 | <p>
  41 | 
  42 | #### Answer: A
  43 | 
  44 | 
  45 | </p>
  46 | </details>
  47 | 
  48 | ---
  49 | 
  50 | ###### 3.Tags and test that are not directly displayed on the page are written in **\_** section.
  51 | 
  52 | - A: `<html>`
  53 | - B: `<head>`
  54 | - C: `<title>`
  55 | - D: `<body>`
  56 | 
  57 | <details><summary><b>Answer</b></summary>
  58 | <p>
  59 | 
  60 | #### Answer: B
  61 | 
  62 | </p>
  63 | </details>
  64 | 
  65 | ---
  66 | 
  67 | ###### 4.Which tag inserts a line horizontally on your web page?
  68 | 
  69 | - A: `<hr>`
  70 | - B: `<line>`
  71 | - C: `<line direction="horizontal">`
  72 | 
  73 | <details><summary><b>Answer</b></summary>
  74 | <p>
  75 | 
  76 | #### Answer: A
  77 | 
  78 | </p>
  79 | </details>
  80 | 
  81 | ---
  82 | 
  83 | ###### 5.What should be the first tag in any HTML document?
  84 | 
  85 | - A: `<head>`
  86 | - B: `<title>`
  87 | - C: `<html>`
  88 | 
  89 | <details><summary><b>Answer</b></summary>
  90 | <p>
  91 | 
  92 | #### Answer: C
  93 | 
  94 | </p>
  95 | </details>
  96 | 
  97 | ---
  98 | 
  99 | ###### 6.Which tag allows you to add a row in a table?
 100 | 
 101 | - A: `<td>` and `</td>`
 102 | - B: `<cr>` and `</cr>`
 103 | - C: `<th>` and `</th>`
 104 | - D: `<tr>` and `</tr>`
 105 | 
 106 | <details><summary><b>Answer</b></summary>
 107 | <p>
 108 | 
 109 | #### Answer: D
 110 | 
 111 | </p>
 112 | </details>
 113 | 
 114 | ---
 115 | 
 116 | ###### 7.How can you make a bulleted list?
 117 | 
 118 | - A: `<list>`
 119 | - B: `<nl>`
 120 | - C: `<ul>`
 121 | - D: `<ol>`
 122 | 
 123 | <details><summary><b>Answer</b></summary>
 124 | <p>
 125 | 
 126 | #### Answer: C
 127 | 
 128 | </p>
 129 | </details>
 130 | 
 131 | ---
 132 | 
 133 | ###### 8.How can you make a numbered list?
 134 | 
 135 | - A: `<dl>`
 136 | - B: `<ol>`
 137 | - C: `<list>`
 138 | - D: `<ul>`
 139 | 
 140 | <details><summary><b>Answer</b></summary>
 141 | <p>
 142 | 
 143 | #### Answer: B
 144 | 
 145 | </p>
 146 | </details>
 147 | 
 148 | ---
 149 | 
 150 | ###### 9.How can you make an e-mail link?
 151 | 
 152 | - A: `<a href="xxx@yyy">`
 153 | - B: `<mail href="xxx@yyy">`
 154 | - C: `<mail>xxx@yyy</mail>`
 155 | - D: `<a href="mailto:xxx@yyy">`
 156 | <details><summary><b>Answer</b></summary>
 157 | <p>
 158 | 
 159 | #### Answer: D
 160 | 
 161 | </p>
 162 | </details>
 163 | 
 164 | ---
 165 | 
 166 | ###### 10.What is the correct HTML for making a hyperlink?
 167 | 
 168 | - A: `<a href="http://mcqmate.com">ICT Trends Quiz</a>`
 169 | - B: `<a name="http://mcqmate.com">ICT Trends Quiz</a>`
 170 | - C: `<http://mcqmate.com</a>`
 171 | - D: `<a url="http://mcqmate.com">ICT Trends Quiz</a>`
 172 | 
 173 | <details><summary><b>Answer</b></summary>
 174 | <p>
 175 | 
 176 | #### Answer: A
 177 | 
 178 | </p>
 179 | </details>
 180 | 
 181 | ---
 182 | 
 183 | ###### 11.Choose the correct HTML tag to make a text italic
 184 | 
 185 | - A: `<ii>`
 186 | 
 187 | - B: `<italics>`
 188 | 
 189 | - C: `<italic>`
 190 | 
 191 | - D: `<i>`
 192 | 
 193 | <details><summary><b>Answer</b></summary>
 194 | <p>
 195 | 
 196 | #### Answer: D
 197 | 
 198 | </p>
 199 | </details>
 200 | 
 201 | ---
 202 | 
 203 | ###### 12.Choose the correct HTML tag to make a text bold?
 204 | 
 205 | - A:`<b>`
 206 | 
 207 | - B: `<bold>`
 208 | 
 209 | - C: `<bb>`
 210 | 
 211 | - D: `<bld>`
 212 | 
 213 | <details><summary><b>Answer</b></summary>
 214 | <p>
 215 | 
 216 | #### Answer: A
 217 | 
 218 | </p>
 219 | </details>
 220 | 
 221 | ---
 222 | 
 223 | ###### 13.What is the correct HTML for adding a background color?
 224 | 
 225 | - A: `<body color="yellow">`
 226 | 
 227 | - B: `<body bgcolor="yellow">`
 228 | 
 229 | - C: `<background>yellow</background>`
 230 | 
 231 | - D: `<body background="yellow">`
 232 | 
 233 | <details><summary><b>Answer</b></summary>
 234 | <p>
 235 | 
 236 | #### Answer: B
 237 | 
 238 | </p>
 239 | </details>
 240 | 
 241 | ---
 242 | 
 243 | ###### 14.Choose the correct HTML tag for the smallest size heading?
 244 | 
 245 | - A: `<heading>`
 246 | 
 247 | - B: `<h6>`
 248 | 
 249 | - C: `<h1>`
 250 | 
 251 | - D: `<head>`
 252 | 
 253 | <details><summary><b>Answer</b></summary>
 254 | <p>
 255 | 
 256 | #### Answer: B
 257 | 
 258 | </p>
 259 | </details>
 260 | 
 261 | ---
 262 | 
 263 | ###### 15.What is the correct HTML tag for inserting a line break?
 264 | 
 265 | - A:` <br>`
 266 | 
 267 | - B: `<lb>`
 268 | 
 269 | - C: `<break>`
 270 | 
 271 | - D: `<newline>`
 272 | 
 273 | <details><summary><b>Answer</b></summary>
 274 | <p>
 275 | 
 276 | #### Answer: A
 277 | 
 278 | </p>
 279 | </details>
 280 | 
 281 | ---
 282 | 
 283 | ###### 16.What does vlink attribute mean?
 284 | 
 285 | - A: visited link
 286 | 
 287 | - B: virtual link
 288 | 
 289 | - C: very good link
 290 | 
 291 | - D: active link
 292 | 
 293 | <details><summary><b>Answer</b></summary>
 294 | <p>
 295 | 
 296 | #### Answer: A
 297 | 
 298 | </p>
 299 | </details>
 300 | 
 301 | ---
 302 | 
 303 | ###### 17.Which attribute is used to name an element uniquely?
 304 | 
 305 | - A: class
 306 | 
 307 | - B: id
 308 | 
 309 | - C: dot
 310 | 
 311 | - D: all of above
 312 | 
 313 | <details><summary><b>Answer</b></summary>
 314 | <p>
 315 | 
 316 | #### Answer: B
 317 | 
 318 | </p>
 319 | </details>
 320 | 
 321 | ---
 322 | 
 323 | ###### 18.Which tag creates a check box for a form in HTML?
 324 | 
 325 | - A: `<checkbox>`
 326 | 
 327 | - B:`<input type="checkbox">`
 328 | 
 329 | - C: `<input=checkbox>`
 330 | 
 331 | - D: `<input checkbox>`
 332 | 
 333 | <details><summary><b>Answer</b></summary>
 334 | <p>
 335 | 
 336 | #### Answer: B
 337 | 
 338 | </p>
 339 | </details>
 340 | 
 341 | ---
 342 | 
 343 | ###### 19.To create a combo box (drop down box) which tag will you use?
 344 | 
 345 | - A: `<select>`
 346 | 
 347 | - B: `<list>`
 348 | 
 349 | - C: `<input type="dropdown">`
 350 | 
 351 | - D: all of above
 352 | 
 353 | <details><summary><b>Answer</b></summary>
 354 | <p>
 355 | 
 356 | #### Answer: A
 357 | 
 358 | </p>
 359 | </details>
 360 | 
 361 | ---
 362 | 
 363 | ###### 20.Which of the following is not a pair tag?
 364 | 
 365 | - A: `<p>`
 366 | 
 367 | - B: `<u>`
 368 | 
 369 | - C: `<i>`
 370 | 
 371 | - D: `<img>`
 372 | 
 373 | <details><summary><b>Answer</b></summary>
 374 | <p>
 375 | 
 376 | #### Answer: D
 377 | 
 378 | </p>
 379 | </details>
 380 | 
 381 | ---
 382 | 
 383 | ###### 21.To create HTML document you require a
 384 | 
 385 | - A: web page editing software
 386 | 
 387 | - B: High powered computer
 388 | 
 389 | - C: Just a notepad can be used
 390 | 
 391 | - D: None of above
 392 | 
 393 | <details><summary><b>Answer</b></summary>
 394 | <p>
 395 | 
 396 | #### Answer: C
 397 | 
 398 | </p>
 399 | </details>
 400 | 
 401 | ---
 402 | 
 403 | ###### 22.The special formatting codes in HTML document used to present content are
 404 | 
 405 | - A: tags
 406 | 
 407 | - B: attributes
 408 | 
 409 | - C: values
 410 | 
 411 | - D: None of above
 412 | 
 413 | <details><summary><b>Answer</b></summary>
 414 | <p>
 415 | 
 416 | #### Answer: A
 417 | 
 418 | </p>
 419 | </details>
 420 | 
 421 | ---
 422 | 
 423 | ###### 23.HTML documents are saved in
 424 | 
 425 | - A: Special binary format
 426 | 
 427 | - B: Machine language codes
 428 | 
 429 | - C: ASCII text
 430 | 
 431 | - D: None of above
 432 | 
 433 | <details><summary><b>Answer</b></summary>
 434 | <p>
 435 | 
 436 | #### Answer: C
 437 | 
 438 | </p>
 439 | </details>
 440 | 
 441 | ---
 442 | 
 443 | ###### 24.Some tags enclose the text. Those tags are known as
 444 | 
 445 | - A: Couple tags
 446 | 
 447 | - B: Single tags
 448 | 
 449 | - C: Double tags
 450 | 
 451 | - D: Pair tags
 452 | 
 453 | <details><summary><b>Answer</b></summary>
 454 | <p>
 455 | 
 456 | #### Answer: D
 457 | 
 458 | </p>
 459 | </details>
 460 | 
 461 | ---
 462 | 
 463 | ###### 25.The **\_** character tells browsers to stop tagging the text
 464 | 
 465 | - A: `?`
 466 | 
 467 | - B: `/`
 468 | 
 469 | - C: `>`
 470 | 
 471 | - D: `%`
 472 | 
 473 | <details><summary><b>Answer</b></summary>
 474 | <p>
 475 | 
 476 | #### Answer: B
 477 | 
 478 | </p>
 479 | </details>
 480 | 
 481 | ---
 482 | 
 483 | ###### 26.In HTML document the tags
 484 | 
 485 | - A: Should be written in upper case
 486 | 
 487 | - B: should be written in lower case
 488 | 
 489 | - C: should be written in proper case
 490 | 
 491 | - D: can be written in both uppercase or lowercase
 492 | 
 493 | <details><summary><b>Answer</b></summary>
 494 | <p>
 495 | 
 496 | #### Answer: D
 497 | 
 498 | </p>
 499 | </details>
 500 | 
 501 | ---
 502 | 
 503 | ###### 27.Marquee is a tag in HTML to
 504 | 
 505 | - A: mark the list of items to maintain inqueue
 506 | 
 507 | - B: Mark the text so that it is hidden in browser
 508 | 
 509 | - C: Display text with scrolling effect
 510 | 
 511 | - D: None of above
 512 | 
 513 | <details><summary><b>Answer</b></summary>
 514 | <p>
 515 | 
 516 | #### Answer: C
 517 | 
 518 | </p>
 519 | </details>
 520 | 
 521 | ---
 522 | 
 523 | ###### 28.There are ........ different of heading tags in HTML
 524 | 
 525 | - A: `4`
 526 | 
 527 | - B: `5`
 528 | 
 529 | - C: `6`
 530 | 
 531 | - D: `7`
 532 | 
 533 | <details><summary><b>Answer</b></summary>
 534 | <p>
 535 | 
 536 | #### Answer: C
 537 | 
 538 | </p>
 539 | </details>
 540 | 
 541 | ---
 542 | 
 543 | ###### 29.To create a blank line in your web page
 544 | 
 545 | - A: press Enter two times
 546 | 
 547 | - B: press Shift + Enter
 548 | 
 549 | - C: insert `<BR>` tag
 550 | 
 551 | - D: insert `<BLINE>`
 552 | 
 553 | <details><summary><b>Answer</b></summary>
 554 | <p>
 555 | 
 556 | #### Answer: C
 557 | 
 558 | </p>
 559 | </details>
 560 | 
 561 | ---
 562 | 
 563 | ###### 30.Which of the following is not a style tag?
 564 | 
 565 | - A: `<b>`
 566 | 
 567 | - B: `<tt>`
 568 | 
 569 | - C: `<i>`
 570 | 
 571 | - D: All of above are style tags
 572 | 
 573 | <details><summary><b>Answer</b></summary>
 574 | <p>
 575 | 
 576 | #### Answer: D
 577 | 
 578 | </p>
 579 | </details>
 580 | 
 581 | ---
 582 | 
 583 | ###### 31.The way the browser displays the object can be modified by **\_**
 584 | 
 585 | - A: attributes
 586 | 
 587 | - B: parameters
 588 | 
 589 | - C: modifiers
 590 | 
 591 | - D: None of above
 592 | 
 593 | <details><summary><b>Answer</b></summary>
 594 | <p>
 595 | 
 596 | #### Answer: A
 597 | 
 598 | </p>
 599 | </details>
 600 | 
 601 | ---
 602 | 
 603 | ###### 32.Which of the following HTML code is valid?
 604 | 
 605 | - A: `<font colour="red">`
 606 | 
 607 | - B: `<font color="red">`
 608 | 
 609 | - C: `<red><font>`
 610 | 
 611 | - D: All of above are style tags
 612 | 
 613 | <details><summary><b>Answer</b></summary>
 614 | <p>
 615 | 
 616 | #### Answer: B
 617 | 
 618 | </p>
 619 | </details>
 620 | 
 621 | ---
 622 | 
 623 | ###### 33.Which of the following is an attribute related to font tag?
 624 | 
 625 | - A: size
 626 | 
 627 | - B: face
 628 | 
 629 | - C: color
 630 | 
 631 | - D: All of above are style tags
 632 | 
 633 | <details><summary><b>Answer</b></summary>
 634 | <p>
 635 | 
 636 | #### Answer: D
 637 | 
 638 | </p>
 639 | </details>
 640 | 
 641 | ---
 642 | 
 643 | ###### 34.HTML supports
 644 | 
 645 | - A: ordered lists
 646 | 
 647 | - B: unordered lists
 648 | 
 649 | - C: both type of lists
 650 | 
 651 | - D: does not support those types
 652 | 
 653 | <details><summary><b>Answer</b></summary>
 654 | <p>
 655 | 
 656 | #### Answer: C
 657 | 
 658 | </p>
 659 | </details>
 660 | 
 661 | ---
 662 | 
 663 | ###### 35.What tag is used to list individual items of an ordered list?
 664 | 
 665 | - A: LI
 666 | 
 667 | - B: OL
 668 | 
 669 | - C: UL
 670 | 
 671 | - D: None of above
 672 | 
 673 | <details><summary><b>Answer</b></summary>
 674 | <p>
 675 | 
 676 | #### Answer: A
 677 | 
 678 | </p>
 679 | </details>
 680 | 
 681 | ---
 682 | 
 683 | ###### 36.When should you use path along with file name of picture in IMG tag?
 684 | 
 685 | - A: path is optional and not necessary
 686 | 
 687 | - B: when the location of image file and html file are different
 688 | 
 689 | - C: when image file and html file both are on same location
 690 | 
 691 | - D: path is always necessary when inserting image
 692 | 
 693 | <details><summary><b>Answer</b></summary>
 694 | <p>
 695 | 
 696 | #### Answer: B
 697 | 
 698 | </p>
 699 | </details>
 700 | 
 701 | ---
 702 | 
 703 | ###### 37.Which of the following is not a valid alignment attribute?
 704 | 
 705 | - A: Left
 706 | 
 707 | - B: Right
 708 | 
 709 | - C: Top
 710 | 
 711 | - D: All of above
 712 | 
 713 | <details><summary><b>Answer</b></summary>
 714 | <p>
 715 | 
 716 | #### Answer: D
 717 | 
 718 | </p>
 719 | </details>
 720 | 
 721 | ---
 722 | 
 723 | ###### 38.Which attribute is used with img tag to display the text if image could not load in browser?
 724 | 
 725 | - A: description
 726 | 
 727 | - B: name
 728 | 
 729 | - C: alt
 730 | 
 731 | - D: id
 732 | 
 733 | <details><summary><b>Answer</b></summary>
 734 | <p>
 735 | 
 736 | #### Answer: C
 737 | 
 738 | </p>
 739 | </details>
 740 | 
 741 | ---
 742 | 
 743 | ###### 39.Which attribute can be used with BODY tag to set background color green?
 744 | 
 745 | - A: background="green"
 746 | 
 747 | - B: bgcolor="green"
 748 | 
 749 | - C: vlink="green"
 750 | 
 751 | - D: None of above
 752 | 
 753 | <details><summary><b>Answer</b></summary>
 754 | <p>
 755 | 
 756 | #### Answer: B
 757 | 
 758 | </p>
 759 | </details>
 760 | 
 761 | ---
 762 | 
 763 | ###### 40.Which attribute you’ll use with TD tag to merge two cells horizontally?
 764 | 
 765 | - A: merge=colspan2
 766 | 
 767 | - B: rowspan=2
 768 | 
 769 | - C: colspan=2
 770 | 
 771 | - D: merge=row2
 772 | 
 773 | <details><summary><b>Answer</b></summary>
 774 | <p>
 775 | 
 776 | #### Answer: C
 777 | 
 778 | </p>
 779 | </details>
 780 | 
 781 | ---
 782 | 
 783 | ###### 41.A webpage displays a picture. What tag was used to display that picture?
 784 | 
 785 | - A: picture
 786 | 
 787 | - B: mage
 788 | 
 789 | - C: img
 790 | 
 791 | - D: src
 792 | 
 793 | <details><summary><b>Answer</b></summary>
 794 | <p>
 795 | 
 796 | #### Answer: C
 797 | 
 798 | </p>
 799 | </details>
 800 | 
 801 | ---
 802 | 
 803 | ###### 42.What is the correct HTML for making a hyperlink?
 804 | 
 805 | - A: `<a href="https://mcqmate.com/">McqMate - MCQs portal</a>`
 806 | 
 807 | - B: `<a name="https://mcqmate.com/">McqMate - MCQs portal</a>`
 808 | 
 809 | - C: `<https://mcqmate.com/</a>`
 810 | 
 811 | - D: `<a url="https://mcqmate.com/">McqMate - MCQs portal</a>`
 812 | 
 813 | <details><summary><b>Answer</b></summary>
 814 | <p>
 815 | 
 816 | #### Answer: A
 817 | 
 818 | </p>
 819 | </details>
 820 | 
 821 | ---
 822 | 
 823 | ###### 43.Which attribute is used to name an element uniquely?
 824 | 
 825 | - A: class
 826 | 
 827 | - B: id
 828 | 
 829 | - C: dot
 830 | 
 831 | - D: all of above
 832 | 
 833 | <details><summary><b>Answer</b></summary>
 834 | <p>
 835 | 
 836 | #### Answer: B
 837 | 
 838 | </p>
 839 | </details>
 840 | 
 841 | ---
 842 | 
 843 | ###### 44.What is the full form of HTML?
 844 | 
 845 | - A: Hyper text markup language
 846 | 
 847 | - B: Hyphenation text markup language
 848 | 
 849 | - C: Hyphenation test marking language
 850 | 
 851 | - D: Hyper text marking language
 852 | 
 853 | <details><summary><b>Answer</b></summary>
 854 | <p>
 855 | 
 856 | #### Answer: A
 857 | 
 858 | </p>
 859 | </details>
 860 | 
 861 | ---
 862 | 
 863 | ###### 45.What is the full form of HTTP?
 864 | 
 865 | - A: Hyper text transfer protocol
 866 | 
 867 | - B: Hyper text transfer package
 868 | 
 869 | - C: Hyphenation text test program
 870 | 
 871 | - D: none of the above
 872 | 
 873 | <details><summary><b>Answer</b></summary>
 874 | <p>
 875 | 
 876 | #### Answer: A
 877 | 
 878 | </p>
 879 | </details>
 880 | 
 881 | ---
 882 | 
 883 | ###### 46.What is a search engine?
 884 | 
 885 | - A: a program that searches engines
 886 | 
 887 | - B: a web site that searches anything
 888 | 
 889 | - C: a hardware component
 890 | 
 891 | - D: a machinery engine that search data
 892 | 
 893 | <details><summary><b>Answer</b></summary>
 894 | <p>
 895 | 
 896 | #### Answer: B
 897 | 
 898 | </p>
 899 | </details>
 900 | 
 901 | ---
 902 | 
 903 | ###### 47.What is the full form of TCP/IP?
 904 | 
 905 | - A: transmission control protocol / internet protocol
 906 | 
 907 | - B: telephone call protocol / international protocol
 908 | 
 909 | - C: transport control protocol / internet protocol
 910 | 
 911 | - D: none of the above
 912 | 
 913 | <details><summary><b>Answer</b></summary>
 914 | <p>
 915 | 
 916 | #### Answer: A
 917 | 
 918 | </p>
 919 | </details>
 920 | 
 921 | ---
 922 | 
 923 | ###### 48.HTML document start and end with which tag pairs?
 924 | 
 925 | - A: `<HEAD>….</HEAD>`
 926 | 
 927 | - B: `<BODY>….</BODY>`
 928 | 
 929 | - C: `<HTML>….</HTML>`
 930 | 
 931 | - D: `<WEB>….</WEB>`
 932 | 
 933 | <details><summary><b>Answer</b></summary>
 934 | <p>
 935 | 
 936 | #### Answer: C
 937 | 
 938 | </p>
 939 | </details>
 940 | 
 941 | ---
 942 | 
 943 | ###### 49.Which tag is used to create body text in HTML?
 944 | 
 945 | - A: `<HEAD>`
 946 | 
 947 | - B: `<TEXT>`
 948 | 
 949 | - C: `<TITLE>`
 950 | 
 951 | - D: `<BODY>`
 952 | 
 953 | <details><summary><b>Answer</b></summary>
 954 | <p>
 955 | 
 956 | #### Answer: D
 957 | 
 958 | </p>
 959 | </details>
 960 | 
 961 | ---
 962 | 
 963 | ###### 50."Yahoo", "Infoseek" and "Lycos" are \***\*\_\*\***?
 964 | 
 965 | - A: Search Engines
 966 | 
 967 | - B: Browsers
 968 | 
 969 | - C: News groups
 970 | 
 971 | - D: None of the above
 972 | 
 973 | <details><summary><b>Answer</b></summary>
 974 | <p>
 975 | 
 976 | #### Answer: A
 977 | 
 978 | </p>
 979 | </details>
 980 | 
 981 | ---
 982 | 
 983 | ###### 51.What does the .com domain represents?
 984 | 
 985 | - A: Education domain
 986 | 
 987 | - B: Commercial domain
 988 | 
 989 | - C: Network
 990 | 
 991 | - D: None of the above
 992 | 
 993 | <details><summary><b>Answer</b></summary>
 994 | <p>
 995 | 
 996 | #### Answer: B
 997 | 
 998 | </p>
 999 | </details>
1000 | 
1001 | ---
1002 | 
1003 | ###### 52.In Satellite based communication, VSAT stands for?
1004 | 
1005 | - A: Very Small Aperture Terminal
1006 | 
1007 | - B: Varying Size Aperture Terminal
1008 | 
1009 | - C: Very Small Analog Terminal
1010 | 
1011 | - D: None of the above
1012 | 
1013 | <details><summary><b>Answer</b></summary>
1014 | <p>
1015 | 
1016 | #### Answer: A
1017 | 
1018 | </p>
1019 | </details>
1020 | 
1021 | ---
1022 | 
1023 | ###### 53.Outlook Express is a \***\*\_\*\***
1024 | 
1025 | - A: E-Mail Client
1026 | 
1027 | - B: Browser
1028 | 
1029 | - C: Search Engine
1030 | 
1031 | - D: None of the above
1032 | 
1033 | <details><summary><b>Answer</b></summary>
1034 | <p>
1035 | 
1036 | #### Answer: A
1037 | 
1038 | </p>
1039 | </details>
1040 | 
1041 | ---
1042 | 
1043 | ###### 54.<TITLE> … </TITLE> tag must be within **........ **
1044 | 
1045 | - A: Title
1046 | 
1047 | - B: Form
1048 | 
1049 | - C: Header
1050 | 
1051 | - D: Body
1052 | 
1053 | <details><summary><b>Answer</b></summary>
1054 | <p>
1055 | 
1056 | #### Answer: C
1057 | 
1058 | </p>
1059 | </details>
1060 | 
1061 | ---
1062 | 
1063 | ###### 55.Text within <EM> … </EM> tag is displayed as **........ **
1064 | 
1065 | - A: bold
1066 | 
1067 | - B: italic
1068 | 
1069 | - C: list
1070 | 
1071 | - D: indented
1072 | 
1073 | <details><summary><b>Answer</b></summary>
1074 | <p>
1075 | 
1076 | #### Answer: B
1077 | 
1078 | </p>
1079 | </details>
1080 | 
1081 | ---
1082 | 
1083 | ###### 56.Text within <STRONG> … </STRONG> tag is displayed as **........ **
1084 | 
1085 | - A: bold
1086 | 
1087 | - B: italic
1088 | 
1089 | - C: list
1090 | 
1091 | - D: indented
1092 | 
1093 | <details><summary><b>Answer</b></summary>
1094 | <p>
1095 | 
1096 | #### Answer: A
1097 | 
1098 | </p>
1099 | </details>
1100 | 
1101 | ---
1102 | 
1103 | ###### 57.<UL> … </UL> tag is used to **........ **
1104 | 
1105 | - A: display the numbered list
1106 | 
1107 | - B: underline the text
1108 | 
1109 | - C: display the bulleted list
1110 | 
1111 | - D: bold the text
1112 | 
1113 | <details><summary><b>Answer</b></summary>
1114 | <p>
1115 | 
1116 | #### Answer: C
1117 | 
1118 | </p>
1119 | </details>
1120 | 
1121 | ---
1122 | 
1123 | ###### 58.Which tag is used to display the numbered list?
1124 | 
1125 | - A: `<OL></OL>`
1126 | 
1127 | - B: `<DL></DL>`
1128 | 
1129 | - C: `<UL></UL>`
1130 | 
1131 | - D: `<LI></LI>`
1132 | 
1133 | <details><summary><b>Answer</b></summary>
1134 | <p>
1135 | 
1136 | #### Answer: A
1137 | 
1138 | </p>
1139 | </details>
1140 | 
1141 | ---
1142 | 
1143 | ###### 59.Which tag is used to display the large font size?
1144 | 
1145 | - A: `<LARGE></LARGE>`
1146 | 
1147 | - B: `<BIG></BIG>`
1148 | 
1149 | - C: `<SIZE></SIZE>`
1150 | 
1151 | - D: `<FONT></FONT>`
1152 | 
1153 | <details><summary><b>Answer</b></summary>
1154 | <p>
1155 | 
1156 | #### Answer: B
1157 | 
1158 | </p>
1159 | </details>
1160 | 
1161 | ---
1162 | 
1163 | ###### 60.<SCRIPT> … </SCRIPT> tag can be placed within **........ **
1164 | 
1165 | - A: Header
1166 | 
1167 | - B: Body
1168 | 
1169 | - C: both A and B
1170 | 
1171 | - D: none of the above
1172 | 
1173 | <details><summary><b>Answer</b></summary>
1174 | <p>
1175 | 
1176 | #### Answer: C
1177 | 
1178 | </p>
1179 | </details>
1180 | 
1181 | ---
1182 | 
1183 | ###### 61.using <P> tag will
1184 | 
1185 | - A: start a new paragraph
1186 | 
1187 | - B: break the line
1188 | 
1189 | - C: end the current paragraph
1190 | 
1191 | - D: none of the above
1192 | 
1193 | <details><summary><b>Answer</b></summary>
1194 | <p>
1195 | 
1196 | #### Answer: A
1197 | 
1198 | </p>
1199 | </details>
1200 | 
1201 | ---
1202 | 
1203 | ###### 62.<TD> … </TD> tag is used for **........ **
1204 | 
1205 | - A: Table heading
1206 | 
1207 | - B: Table Records
1208 | 
1209 | - C: Table row
1210 | 
1211 | - D: none of the above
1212 | 
1213 | <details><summary><b>Answer</b></summary>
1214 | <p>
1215 | 
1216 | #### Answer: B
1217 | 
1218 | </p>
1219 | </details>
1220 | 
1221 | ---
1222 | 
1223 | ###### 63.Which is true to change the text color to red?
1224 | 
1225 | - A: `<BODY BGCOLOR=RED>`
1226 | 
1227 | - B: `<BODY TEXT=RED>`
1228 | 
1229 | - C:` <BODY COLOR=RED>`
1230 | 
1231 | - D: none of the above
1232 | 
1233 | <details><summary><b>Answer</b></summary>
1234 | <p>
1235 | 
1236 | #### Answer: B
1237 | 
1238 | </p>
1239 | </details>
1240 | 
1241 | ---
1242 | 
1243 | ###### 64.With regards to e-mail addresses:
1244 | 
1245 | - A: hey must always contain an @ symbol
1246 | 
1247 | - B: hey can never contain spaces
1248 | 
1249 | - C: they are case-insensitive
1250 | 
1251 | - D: all of the above
1252 | 
1253 | <details><summary><b>Answer</b></summary>
1254 | <p>
1255 | 
1256 | #### Answer: D
1257 | 
1258 | </p>
1259 | </details>
1260 | 
1261 | ---
1262 | 
1263 | ###### 65.A homepage is \***\*\_\_\*\***
1264 | 
1265 | - A: an index of encyclopedia articles
1266 | 
1267 | - B: where all Internet data is stored
1268 | 
1269 | - C: required for access to the Internet
1270 | 
1271 | - D: the first page of a website
1272 | 
1273 | <details><summary><b>Answer</b></summary>
1274 | <p>
1275 | 
1276 | #### Answer: D
1277 | 
1278 | </p>
1279 | </details>
1280 | 
1281 | ---
1282 | 
1283 | ###### 66.Which of the following is used to explore the Internet?
1284 | 
1285 | - A: Browser
1286 | 
1287 | - B: Spreadsheet
1288 | 
1289 | - C: Clipboard
1290 | 
1291 | - D: Draw
1292 | 
1293 | <details><summary><b>Answer</b></summary>
1294 | <p>
1295 | 
1296 | #### Answer: A
1297 | 
1298 | </p>
1299 | </details>
1300 | 
1301 | ---
1302 | 
1303 | ###### 67.What is Internet Explorer?
1304 | 
1305 | - A: An Icon
1306 | 
1307 | - B: A File Manager
1308 | 
1309 | - C: A Browser
1310 | 
1311 | - D: The Internet
1312 | 
1313 | <details><summary><b>Answer</b></summary>
1314 | <p>
1315 | 
1316 | #### Answer: C
1317 | 
1318 | </p>
1319 | </details>
1320 | 
1321 | ---
1322 | 
1323 | ###### 68.What do I need to get onto the Internet?
1324 | 
1325 | - A: Computer
1326 | 
1327 | - B: Modem
1328 | 
1329 | - C: Browser
1330 | 
1331 | - D: All of the above
1332 | 
1333 | <details><summary><b>Answer</b></summary>
1334 | <p>
1335 | 
1336 | #### Answer: D
1337 | 
1338 | </p>
1339 | </details>
1340 | 
1341 | ---
1342 | 
1343 | ###### 69.What is an ISP?
1344 | 
1345 | - A: nternet System Protocol
1346 | 
1347 | - B: nternal System Program
1348 | 
1349 | - C: Internet Service Provider
1350 | 
1351 | - D: None of the above
1352 | 
1353 | <details><summary><b>Answer</b></summary>
1354 | <p>
1355 | 
1356 | #### Answer: C
1357 | 
1358 | </p>
1359 | </details>
1360 | 
1361 | ---
1362 | 
1363 | ###### 70.Which of the following is valid IP address?
1364 | 
1365 | - A: 984.12.787.76
1366 | 
1367 | - B: 192.168.321.10
1368 | 
1369 | - C: 1.888.234.3456
1370 | 
1371 | - D: 192.168.56.115
1372 | 
1373 | <details><summary><b>Answer</b></summary>
1374 | <p>
1375 | 
1376 | #### Answer: D
1377 | 
1378 | </p>
1379 | </details>
1380 | 
1381 | ---
1382 | 
1383 | ###### 71.Which is not a domain name extension
1384 | 
1385 | - A: mil
1386 | 
1387 | - B: org
1388 | 
1389 | - C: .int
1390 | 
1391 | - D: .com
1392 | 
1393 | <details><summary><b>Answer</b></summary>
1394 | <p>
1395 | 
1396 | #### Answer: C
1397 | 
1398 | </p>
1399 | </details>
1400 | 
1401 | ---
1402 | 
1403 | ###### 72.What is a FTP program used for?
1404 | 
1405 | - A: Transfer files to and from an Internet Server
1406 | 
1407 | - B: Designing a website
1408 | 
1409 | - C: Connecting to the internet
1410 | 
1411 | - D: None of the above
1412 | 
1413 | <details><summary><b>Answer</b></summary>
1414 | <p>
1415 | 
1416 | #### Answer: A
1417 | 
1418 | </p>
1419 | </details>
1420 | 
1421 | ---
1422 | 
1423 | ###### 73.Which of the following are commonly found on web pages?
1424 | 
1425 | - A: nternet
1426 | 
1427 | - B: hyperlinks
1428 | 
1429 | - C: intranet
1430 | 
1431 | - D: all of the above
1432 | 
1433 | <details><summary><b>Answer</b></summary>
1434 | <p>
1435 | 
1436 | #### Answer: B
1437 | 
1438 | </p>
1439 | </details>
1440 | 
1441 | ---
1442 | 
1443 | ###### 74.What is the correct syntax in HTML for creating a link on a webpage?
1444 | 
1445 | - A: `<LINK SRC= "mcqmate.html">`
1446 | 
1447 | - B: `<BODY LINK = "mcqmate.html">`
1448 | 
1449 | - C: `<A SRC = "mcqmate.html" >`
1450 | 
1451 | - D: `< A HREF = "mcqmate.html">`
1452 | 
1453 | <details><summary><b>Answer</b></summary>
1454 | <p>
1455 | 
1456 | #### Answer: D
1457 | 
1458 | </p>
1459 | </details>
1460 | 
1461 | ---
1462 | 
1463 | ###### 75.Which of the following is an attribute of <Table> tag?
1464 | 
1465 | - A: SRC
1466 | 
1467 | - B: LINK
1468 | 
1469 | - C: CELLPADDING
1470 | 
1471 | - D: BOLD
1472 | 
1473 | <details><summary><b>Answer</b></summary>
1474 | <p>
1475 | 
1476 | #### Answer: C
1477 | 
1478 | </p>
1479 | </details>
1480 | 
1481 | ---
1482 | 
1483 | ###### 76.Choose the correct HTML tag to make the text bold?
1484 | 
1485 | - A: `<B>`
1486 | 
1487 | - B: `<BOLD>`
1488 | 
1489 | - C: `<STRONG>`
1490 | 
1491 | - D: Both A and C
1492 | 
1493 | <details><summary><b>Answer</b></summary>
1494 | <p>
1495 | 
1496 | #### Answer: D
1497 | 
1498 | </p>
1499 | </details>
1500 | 
1501 | ---
1502 | 
1503 | ###### 77.Which HTML tag would be used to display power in expression (A+- B:2 ?
1504 | 
1505 | - A: `<SUP>`
1506 | 
1507 | - B: `<SUB>`
1508 | 
1509 | - C: `<B>`
1510 | 
1511 | - D: `<P>`
1512 | 
1513 | <details><summary><b>Answer</b></summary>
1514 | <p>
1515 | 
1516 | #### Answer: A
1517 | 
1518 | </p>
1519 | </details>
1520 | 
1521 | ---
1522 | 
1523 | ###### 78.Choose the correct HTML code to create an email link?
1524 | 
1525 | - A: `<A HREF = "admin@mcqmate.com"></A>`
1526 | 
1527 | - B: `<a href="mailto:admin@mcqmate.com">Send email</a>`
1528 | 
1529 | - C: `<MAIL>admin@mcqmate.com </MAIL>`
1530 | 
1531 | - D: `<A MAILHREF = "admin@mcqmate.com"></A>`
1532 | 
1533 | <details><summary><b>Answer</b></summary>
1534 | <p>
1535 | 
1536 | #### Answer: B
1537 | 
1538 | </p>
1539 | </details>
1540 | 
1541 | ---
1542 | 
1543 | ###### 79.Choose the correct HTML tag for the largest heading?
1544 | 
1545 | - A: `<H1>`
1546 | 
1547 | - B: `<H6>`
1548 | 
1549 | - C: `<H10>`
1550 | 
1551 | - D: `<HEAD>`
1552 | 
1553 | <details><summary><b>Answer</b></summary>
1554 | <p>
1555 | 
1556 | #### Answer: A
1557 | 
1558 | </p>
1559 | </details>
1560 | 
1561 | ---
1562 | 
1563 | ###### 80.Output of XML document can be viewed in a
1564 | 
1565 | - A: Word Processor
1566 | 
1567 | - B: Web browser
1568 | 
1569 | - C: Notepad
1570 | 
1571 | - D: None of the above
1572 | 
1573 | <details><summary><b>Answer</b></summary>
1574 | <p>
1575 | 
1576 | #### Answer: B
1577 | 
1578 | </p>
1579 | </details>
1580 | 
1581 | ---
1582 | 
1583 | ###### 81.What is the correct way of describing XML data?
1584 | 
1585 | - A: XML uses a DTD to describe data
1586 | 
1587 | - B: XML uses a description node to describe data
1588 | 
1589 | - C: XML uses XSL to describe the data
1590 | 
1591 | - D: XML uses a validator to describe the data
1592 | 
1593 | <details><summary><b>Answer</b></summary>
1594 | <p>
1595 | 
1596 | #### Answer: C
1597 | 
1598 | </p>
1599 | </details>
1600 | 
1601 | ---
1602 | 
1603 | ###### 82.Comments in XML document is given by:
1604 | 
1605 | - A: `<?-- _ _-->`
1606 | 
1607 | - B: `<!_ _ _ _!>`
1608 | 
1609 | - C: `<!_ _ _ _>`
1610 | 
1611 | - D: `</_ _ _ _>`
1612 | 
1613 | <details><summary><b>Answer</b></summary>
1614 | <p>
1615 | 
1616 | #### Answer: C
1617 | 
1618 | </p>
1619 | </details>
1620 | 
1621 | ---
1622 | 
1623 | ###### 83.Which statement is true?
1624 | 
1625 | - A: An XML document can have one root element
1626 | 
1627 | - B: An XML document can have one child element
1628 | 
1629 | - C: XML elements have to be in lower case
1630 | 
1631 | - D: All of the above
1632 | 
1633 | <details><summary><b>Answer</b></summary>
1634 | <p>
1635 | 
1636 | #### Answer: A
1637 | 
1638 | </p>
1639 | </details>
1640 | 
1641 | ---
1642 | 
1643 | ###### 84.How to define the link should open in new page in HTML?
1644 | 
1645 | - A: `<a href = "http://www.mcqmate.com/" target = "blank">Click Here</a>`
1646 | 
1647 | - B: `<a href = "http://www.mcqmate.com/" target = "_blank"> Click Here </a>`
1648 | 
1649 | - C: `<a href = "http://www.mcqmate.com/" target = "#blank"> Click Here </a>`
1650 | 
1651 | - D: `<a href = "http://www.mcqmate.com/" target = "@blank"> Click Here </a>`
1652 | 
1653 | <details><summary><b>Answer</b></summary>
1654 | <p>
1655 | 
1656 | #### Answer: B
1657 | 
1658 | </p>
1659 | </details>
1660 | 
1661 | ---
1662 | 
1663 | ###### 85.In HTML, Uniform Resource Identifier (URI) is used to
1664 | 
1665 | - A: To create a frame document .
1666 | 
1667 | - B: To create a image map in the webpage.
1668 | 
1669 | - C: To customize the image in the webpage.
1670 | 
1671 | - D: To identify a name or a resource on the internet.
1672 | 
1673 | <details><summary><b>Answer</b></summary>
1674 | <p>
1675 | 
1676 | #### Answer: D
1677 | 
1678 | </p>
1679 | </details>
1680 | 
1681 | ---
1682 | 
1683 | ###### 86.CSS is an acronym for
1684 | 
1685 | - A: Cascading Style Sheet
1686 | 
1687 | - B: Costume Style Sheet
1688 | 
1689 | - C: Cascading System Style
1690 | 
1691 | - D: None of the Above
1692 | 
1693 | <details><summary><b>Answer</b></summary>
1694 | <p>
1695 | 
1696 | #### Answer: A
1697 | 
1698 | </p>
1699 | </details>
1700 | 
1701 | ---
1702 | 
1703 | ###### 87.Which of the following protocol is not used in the Internet
1704 | 
1705 | - A: Telnet
1706 | 
1707 | - B: WIRL
1708 | 
1709 | - C: HTTP
1710 | 
1711 | - D: Gopher
1712 | 
1713 | <details><summary><b>Answer</b></summary>
1714 | <p>
1715 | 
1716 | #### Answer: B
1717 | 
1718 | </p>
1719 | </details>
1720 | 
1721 | ---
1722 | 
1723 | ###### 88.Who invented World Wide Web (WWW)?
1724 | 
1725 | - A: Blaise Pascal
1726 | 
1727 | - B: Charles Babbage
1728 | 
1729 | - C: Herman Hollerith
1730 | 
1731 | - D: Tim Berners-Lee
1732 | 
1733 | <details><summary><b>Answer</b></summary>
1734 | <p>
1735 | 
1736 | #### Answer: D
1737 | 
1738 | </p>
1739 | </details>
1740 | 
1741 | ---
1742 | 
1743 | ###### 89.What is the use of Web Font in HTML ?
1744 | 
1745 | - A: that is the core font that is use to develop Web Pages.
1746 | 
1747 | - B: that enables to use fonts over the Web without installation.
1748 | 
1749 | - C: that is the special font that developed by Microsoft Corp.
1750 | 
1751 | - D: All of the Above.
1752 | 
1753 | <details><summary><b>Answer</b></summary>
1754 | <p>
1755 | 
1756 | #### Answer: B
1757 | 
1758 | </p>
1759 | </details>
1760 | 
1761 | ---
1762 | 
1763 | ###### 90.What is `<tt> `tag in HTML?
1764 | 
1765 | - A: It renders fonts as teletype text font style.
1766 | 
1767 | - B: It renders fonts as truetype text font style.
1768 | 
1769 | - C: It renders fonts as truncate text font style.
1770 | 
1771 | - D: None of the Above.
1772 | 
1773 | <details><summary><b>Answer</b></summary>
1774 | <p>
1775 | 
1776 | #### Answer: A
1777 | 
1778 | </p>
1779 | </details>
1780 | 
1781 | ---
1782 | 
1783 | ###### 91.What is the use of Forms in HTML?
1784 | 
1785 | - A: to display contents of email.
1786 | 
1787 | - B: to display animation effect.
1788 | 
1789 | - C: to collect user’s input.
1790 | 
1791 | - D: None of the Above.
1792 | 
1793 | <details><summary><b>Answer</b></summary>
1794 | <p>
1795 | 
1796 | #### Answer: C
1797 | 
1798 | </p>
1799 | </details>
1800 | 
1801 | ---
1802 | 
1803 | ###### 92.What is the use of iframe in HTML?
1804 | 
1805 | - A: to display a web page within a web page.
1806 | 
1807 | - B: to display a web page with animation effect.
1808 | 
1809 | - C: to display a web page without browser.
1810 | 
1811 | - D: All of the Above.
1812 | 
1813 | <details><summary><b>Answer</b></summary>
1814 | <p>
1815 | 
1816 | #### Answer: A
1817 | 
1818 | </p>
1819 | </details>
1820 | 
1821 | ---
1822 | 
1823 | ###### 93.FTP is an acronym for
1824 | 
1825 | - A: File Transaction Protocol
1826 | 
1827 | - B: File Transmission Protocol
1828 | 
1829 | - C: File Translation Protocol
1830 | 
1831 | - D: File Transfer Protocol
1832 | 
1833 | <details><summary><b>Answer</b></summary>
1834 | <p>
1835 | 
1836 | #### Answer: D
1837 | 
1838 | </p>
1839 | </details>
1840 | 
1841 | ---
1842 | 
1843 | ###### 94.Which HTML Tag will use to scroll a text in web page?
1844 | 
1845 | - A: `<marquee> … </marquee>`
1846 | 
1847 | - B: `<scroll> … </scroll>`
1848 | 
1849 | - C: `<round> … </round>`
1850 | 
1851 | - D: `<go> … </go>`
1852 | 
1853 | <details><summary><b>Answer</b></summary>
1854 | <p>
1855 | 
1856 | #### Answer: A
1857 | 
1858 | </p>
1859 | </details>
1860 | 
1861 | ---
1862 | 
1863 | ###### 95.Which organization defines the Web Standards?
1864 | 
1865 | - A: Microsoft Corporation
1866 | 
1867 | - B: IBM Corporation
1868 | 
1869 | - C: World Wide Web Consortium
1870 | 
1871 | - D: Apple Inc
1872 | 
1873 | <details><summary><b>Answer</b></summary>
1874 | <p>
1875 | 
1876 | #### Answer: C
1877 | 
1878 | </p>
1879 | </details>
1880 | 
1881 | ---
1882 | 
1883 | ###### 96.How to set a picture as a background web page?
1884 | 
1885 | - A: `<body background= “bgimage.gif”>`
1886 | 
1887 | - B: `<body background image= “bgimage.gif”>`
1888 | 
1889 | - C: `<background= “bgimage.gif”>`
1890 | 
1891 | - D: `<background image= “bgimage.gif”>`
1892 | 
1893 | <details><summary><b>Answer</b></summary>
1894 | <p>
1895 | 
1896 | #### Answer: A
1897 | 
1898 | </p>
1899 | </details>
1900 | 
1901 | ---
1902 | 
1903 | ###### 97.Which of following HTML Tag will inserting a line break?
1904 | 
1905 | - A: `<p />`
1906 | 
1907 | - B: `<lb />`
1908 | 
1909 | - C: `<br />`
1910 | 
1911 | - D: `<break />`
1912 | 
1913 | <details><summary><b>Answer</b></summary>
1914 | <p>
1915 | 
1916 | #### Answer: C
1917 | 
1918 | </p>
1919 | </details>
1920 | 
1921 | ---
1922 | 
1923 | ###### 98.Which of the following tags are related to Table in HTML ?
1924 | 
1925 | - A: `<table> <row> <column>`
1926 | 
1927 | - B: `<table> <tr> <td>`
1928 | 
1929 | - C: `<table> <head> <body>`
1930 | 
1931 | - D: `<table> <header> <footer>`
1932 | 
1933 | <details><summary><b>Answer</b></summary>
1934 | <p>
1935 | 
1936 | #### Answer: B
1937 | 
1938 | </p>
1939 | </details>
1940 | 
1941 | ---
1942 | 
1943 | ###### 99.Which of the following is correct HTML for inserting an image?
1944 | 
1945 | - A: `<image source= “www.mcqmate.com/admin.jpg” alt= “This is me” />`
1946 | 
1947 | - B: `<img src= “www.mcqmate.com/admin.jpg” alt= “This is me” />`
1948 | 
1949 | - C: `<img source= “www.mcqmate.com/admin.jpg” alt= “This is me” />`
1950 | 
1951 | - D: `<img alt= “This is me”>www.mcqmate.com/admin.jpg</img>`
1952 | 
1953 | <details><summary><b>Answer</b></summary>
1954 | <p>
1955 | 
1956 | #### Answer: B
1957 | 
1958 | </p>
1959 | </details>
1960 | 
1961 | ---
1962 | 
1963 | ###### 100.Choose the correct HTML tag to left-align the content of a cell.
1964 | 
1965 | - A: `<tdleft>`
1966 | 
1967 | - B: `<td leftalign>`
1968 | 
1969 | - C: `<td valign= “left”>`
1970 | 
1971 | - D: `<td align= “left”>`
1972 | 
1973 | <details><summary><b>Answer</b></summary>
1974 | <p>
1975 | 
1976 | #### Answer: D
1977 | 
1978 | </p>
1979 | </details>
1980 | 
1981 | ---
1982 | 
1983 | ###### 101.Which tag is used to lists the items with bullets?
1984 | 
1985 | - A: `<bullet>…</bullet>`
1986 | 
1987 | - B: `<list>…</list>`
1988 | 
1989 | - C: `<ul>…</ul>`
1990 | 
1991 | - D: `<ol>…</ol>`
1992 | 
1993 | <details><summary><b>Answer</b></summary>
1994 | <p>
1995 | 
1996 | #### Answer: C
1997 | 
1998 | </p>
1999 | </details>
2000 | 
2001 | ---
2002 | 
2003 | ###### 102.Is it possible to insert a table within another table?
2004 | 
2005 | - A: Yes, but there must be exactly 2 rows and 2 columns in first table.
2006 | 
2007 | - B: Yes, table can be inserted into cell of another table.
2008 | 
2009 | - C: Yes, but there must be no border in second table.
2010 | 
2011 | - D: No, it’s not possible.
2012 | 
2013 | <details><summary><b>Answer</b></summary>
2014 | <p>
2015 | 
2016 | #### Answer: B
2017 | 
2018 | </p>
2019 | </details>
2020 | 
2021 | ---
2022 | 
2023 | ###### 103.What is the usage of alt value in <img> tag?
2024 | 
2025 | - A: Alternative text for an Image
2026 | 
2027 | - B: Alternative source of an Image
2028 | 
2029 | - C: Caption of an Image
2030 | 
2031 | - D: All of above
2032 | 
2033 | <details><summary><b>Answer</b></summary>
2034 | <p>
2035 | 
2036 | #### Answer: A
2037 | 
2038 | </p>
2039 | </details>
2040 | 
2041 | ---
2042 | 
2043 | ###### 104.Which of the following is the correct regarding meta tag in HTML?
2044 | 
2045 | - A: `<meta> … </meta>`
2046 | 
2047 | - B: `<meta name = " " />`
2048 | 
2049 | - C: `<metadata> … </metadata>`
2050 | 
2051 | - D: `<metadata name = " " />`
2052 | 
2053 | <details><summary><b>Answer</b></summary>
2054 | <p>
2055 | 
2056 | #### Answer: B
2057 | 
2058 | </p>
2059 | </details>
2060 | 
2061 | ---
2062 | 
2063 | ###### 105.Which of the following is correct to set "Black" color as Background of page?
2064 | 
2065 | - A: `<body bgcolor = "#000000">`
2066 | - B: `<body background = "#000000">`
2067 | - C: `<body Background color = "#000000">`
2068 | - D: All of Above
2069 | 
2070 | <details><summary><b>Answer</b></summary>
2071 | <p>
2072 | 
2073 | #### Answer: A
2074 | 
2075 | </p>
2076 | </details>
2077 | 
2078 | ---
2079 | 
2080 | ###### 106.Which of the following is correct to align H1 tag to Right Alignment
2081 | 
2082 | - A: `<h1 align = "right"> … </h1>`
2083 | - B: `<h1 alignment = "right"> … </h1>`
2084 | - C: `<h1 tag align = "right"> … </h1>`
2085 | - D: H1 cannot make Right Alignment
2086 | 
2087 | <details><summary><b>Answer</b></summary>
2088 | <p>
2089 | 
2090 | #### Answer: A
2091 | 
2092 | </p>
2093 | </details>
2094 | 
2095 | ---
2096 | 
2097 | ###### 107.Which of the following is correct to change font face in Web Page
2098 | 
2099 | - A: `<font = "font name"> … </font>`
2100 | - B: `<font name = "font name"> … </font>`
2101 | - C: `<font face = "font name"> … </font>`
2102 | - D: Font Face cannot change
2103 | 
2104 | <details><summary><b>Answer</b></summary>
2105 | <p>
2106 | 
2107 | #### Answer: C
2108 | 
2109 | </p>
2110 | </details>
2111 | 
2112 | ---
2113 | 
2114 | ###### 108.Which of the following is incorrect regarding Logical styles?
2115 | 
2116 | - A: Code looks like teletype
2117 | - B: Sample looks like teletype
2118 | - C: Keyboard looks like teletype
2119 | - D: Variable looks like teletype
2120 | 
2121 | <details><summary><b>Answer</b></summary>
2122 | <p>
2123 | 
2124 | #### Answer: D
2125 | 
2126 | </p>
2127 | </details>
2128 | 
2129 | ---
2130 | 
2131 | ###### 109.Which of the following is correct character entities for "Copyright" symbol?
2132 | 
2133 | - A: `&#149;`
2134 | - B: `&#159;`
2135 | - C: `&#169;`
2136 | - D: `&#179;`
2137 | 
2138 | <details><summary><b>Answer</b></summary>
2139 | <p>
2140 | 
2141 | #### Answer: C
2142 | 
2143 | </p>
2144 | </details>
2145 | 
2146 | ---
2147 | 
2148 | ###### 110.Which tag is used to display Preformatted texts?
2149 | 
2150 | - A: `<pre> … </ pre>`
2151 | - B: `<prefor> … </ prefor>`
2152 | - C: `<pre text> … </ pre text>`
2153 | - D: `<pre format> … </ pre format>`
2154 | 
2155 | <details><summary><b>Answer</b></summary>
2156 | <p>
2157 | 
2158 | #### Answer: A
2159 | 
2160 | </p>
2161 | </details>
2162 | 
2163 | ---
2164 | 
2165 | ###### 111.Which is the correct to create an Arabic numeral list
2166 | 
2167 | - A: `<ul type="1">`
2168 | - B: `<ol type="1">`
2169 | - C: `<il type="1">`
2170 | - D: `<li type="1">`
2171 | 
2172 | <details><summary><b>Answer</b></summary>
2173 | <p>
2174 | 
2175 | #### Answer: B
2176 | 
2177 | </p>
2178 | </details>
2179 | 
2180 | ---
2181 | 
2182 | ###### 112.How to add alternative text for an Image?
2183 | 
2184 | - A: `<img src = "http://www.mcqmate.com/brand.png" alternate = "Brand of website" />`
2185 | - B: `<img src = "http://www.mcqmate.com/brand.png" alt text = "Brand of website" />`
2186 | - C: `<img src = "http://www.mcqmate.com/brand.png" alternate text = "Brand of website" />`
2187 | - D: `<img src = "http://www.mcqmate.com/brand.png" alt = "Brand of website" />`
2188 | 
2189 | <details><summary><b>Answer</b></summary>
2190 | <p>
2191 | 
2192 | #### Answer: D
2193 | 
2194 | </p>
2195 | </details>
2196 | 
2197 | ---
2198 | 
2199 | ###### 113.How to embedded Audio Files in HTML?
2200 | 
2201 | - A: `<embed src = "mysong.mid" width = "100" height = "15">`
2202 | - B: `<embed sound = "mysong.mid" width = "100" height = "15">`
2203 | - C: `<embed audio = "mysong.mid" width = "100" height = "15">`
2204 | - D: `<embed music = "mysong.mid" width = "100" height = "15">`
2205 | 
2206 | <details><summary><b>Answer</b></summary>
2207 | <p>
2208 | 
2209 | #### Answer: A
2210 | 
2211 | </p>
2212 | </details>
2213 | 
2214 | ---
2215 | 
2216 | ###### 114.Whichg of the following is used to create web pages?
2217 | 
2218 | - A: HTML
2219 | - B: C
2220 | - C: JVM
2221 | - D: DTD
2222 | 
2223 | <details><summary><b>Answer</b></summary>
2224 | <p>
2225 | 
2226 | #### Answer: A
2227 | 
2228 | </p>
2229 | </details>
2230 | 
2231 | ---
2232 | 
2233 | ###### 115.HTML is considered as ....... language
2234 | 
2235 | - A: Programming Langauge
2236 | - B: OOP Language
2237 | - C: High Level Language
2238 | - D: Markup Language
2239 | 
2240 | <details><summary><b>Answer</b></summary>
2241 | <p>
2242 | 
2243 | #### Answer: D
2244 | 
2245 | </p>
2246 | </details>
2247 | 
2248 | ---
2249 | 
2250 | ###### 116.HTML language is a set of markup .......
2251 | 
2252 | - A: Attributes
2253 | - B: Tags
2254 | - C: Sets
2255 | - D: Groups
2256 | 
2257 | <details><summary><b>Answer</b></summary>
2258 | <p>
2259 | 
2260 | #### Answer: B
2261 | 
2262 | </p>
2263 | </details>
2264 | 
2265 | ---
2266 | 
2267 | ###### 117.HTML tags are used to describe document ........
2268 | 
2269 | - A: Definition
2270 | - B: Language
2271 | - C: Content
2272 | - D: None of these
2273 | 
2274 | <details><summary><b>Answer</b></summary>
2275 | <p>
2276 | 
2277 | #### Answer: C
2278 | 
2279 | </p>
2280 | </details>
2281 | 
2282 | ---
2283 | 
2284 | ###### 118.HTML document can contain
2285 | 
2286 | - A: Attributes
2287 | - B: Tags
2288 | - C: Plain text
2289 | - D: All of these
2290 | 
2291 | <details><summary><b>Answer</b></summary>
2292 | <p>
2293 | 
2294 | #### Answer: D
2295 | 
2296 | </p>
2297 | </details>
2298 | 
2299 | ---
2300 | 
2301 | ###### 119.Page designed in HTML is called a
2302 | 
2303 | - A: Yellow Page
2304 | - B: Web Page
2305 | - C: Server Page
2306 | - D: Front Page
2307 | 
2308 | <details><summary><b>Answer</b></summary>
2309 | <p>
2310 | 
2311 | #### Answer: B
2312 | 
2313 | </p>
2314 | </details>
2315 | 
2316 | ---
2317 | 
2318 | ###### 120.We can write HTML code using ........ . Select appropriate option(s).
2319 | 
2320 | - A: VLC Media
2321 | - B: Notepad++
2322 | - C: Microsoft PowerPoint
2323 | - D: None of these
2324 | 
2325 | <details><summary><b>Answer</b></summary>
2326 | <p>
2327 | 
2328 | #### Answer: B
2329 | 
2330 | </p>
2331 | </details>
2332 | 
2333 | ---
2334 | 
2335 | ###### 121.HTML document is saved using ........ extension.
2336 | 
2337 | - A: .htl
2338 | - B: .html
2339 | - C: .hml
2340 | - D: .htnl
2341 | 
2342 | <details><summary><b>Answer</b></summary>
2343 | <p>
2344 | 
2345 | #### Answer: B
2346 | 
2347 | </p>
2348 | </details>
2349 | 
2350 | ---
2351 | 
2352 | ###### 122.The software that can read and render HTML documents is
2353 | 
2354 | - A: Server
2355 | - B: Compiler
2356 | - C: Interpreter
2357 | - D: Browser
2358 | 
2359 | <details><summary><b>Answer</b></summary>
2360 | <p>
2361 | 
2362 | #### Answer: D
2363 | 
2364 | </p>
2365 | </details>
2366 | 
2367 | ---
2368 | 
2369 | ###### 123.PCs running Windows 3.x will have ........ extension for html pages
2370 | 
2371 | - A: .htl
2372 | - B: .html
2373 | - C: .htm
2374 | - D: .hml
2375 | 
2376 | <details><summary><b>Answer</b></summary>
2377 | <p>
2378 | 
2379 | #### Answer: C
2380 | 
2381 | </p>
2382 | </details>
2383 | 
2384 | ---
2385 | 
2386 | ###### 124.Which of the following is not an example of browser?
2387 | 
2388 | - A: Netscape Navigator
2389 | - B: Microsoft Bing
2390 | - C: Mozilla Firefox
2391 | - D: Opera
2392 | 
2393 | <details><summary><b>Answer</b></summary>
2394 | <p>
2395 | 
2396 | #### Answer: B
2397 | 
2398 | </p>
2399 | </details>
2400 | 
2401 | ---
2402 | 
2403 | ###### 125.Who is the primary author of HTML?
2404 | 
2405 | - A: Brendan Eich
2406 | - B: Tim Berners-Lee
2407 | - C: Web Programmer
2408 | - D: Google Inc
2409 | 
2410 | <details><summary><b>Answer</b></summary>
2411 | <p>
2412 | 
2413 | #### Answer: B
2414 | 
2415 | </p>
2416 | </details>
2417 | 
2418 | ---
2419 | 
2420 | ###### 126.HTML was first proposed in year ........
2421 | 
2422 | - A: 1980
2423 | - B: 1990
2424 | - C: 1995
2425 | - D: 2000
2426 | 
2427 | <details><summary><b>Answer</b></summary>
2428 | <p>
2429 | 
2430 | #### Answer: B
2431 | 
2432 | </p>
2433 | </details>
2434 | 
2435 | ---
2436 | 
2437 | ###### 127.HTML tags are surrounded by ....... brackets
2438 | 
2439 | - A: Angle
2440 | - B: Square
2441 | - C: Round
2442 | - D: Curly
2443 | 
2444 | <details><summary><b>Answer</b></summary>
2445 | <p>
2446 | 
2447 | #### Answer: A
2448 | 
2449 | </p>
2450 | </details>
2451 | 
2452 | ---
2453 | 
2454 | ###### 128.Opening tag of HTML is called
2455 | 
2456 | - A: Ending tag
2457 | - B: Starting tag
2458 | - C: Closed tag
2459 | - D: Pair tags
2460 | 
2461 | <details><summary><b>Answer</b></summary>
2462 | <p>
2463 | 
2464 | #### Answer: B
2465 | 
2466 | </p>
2467 | </details>
2468 | 
2469 | ---
2470 | 
2471 | ###### 129.HTML document contain one root tag called ........
2472 | 
2473 | - A: HEAD
2474 | - B: Title
2475 | - C: Body
2476 | - D: HTML
2477 | 
2478 | <details><summary><b>Answer</b></summary>
2479 | <p>
2480 | 
2481 | #### Answer: D
2482 | 
2483 | </p>
2484 | </details>
2485 | 
2486 | ---
2487 | 
2488 | ###### 130.Basic fundamental block is called as .......
2489 | 
2490 | - A: HTML tag
2491 | - B: HTML body
2492 | - C: HTML Attribute
2493 | - D: HTML Element
2494 | 
2495 | <details><summary><b>Answer</b></summary>
2496 | <p>
2497 | 
2498 | #### Answer: A
2499 | 
2500 | </p>
2501 | </details>
2502 | 
2503 | ---
2504 | 
2505 | ###### 131.Pick the odd out
2506 | 
2507 | - A: Table
2508 | - B: TR
2509 | - C: TD
2510 | - D: Form
2511 | 
2512 | <details><summary><b>Answer</b></summary>
2513 | <p>
2514 | 
2515 | #### Answer: D
2516 | 
2517 | </p>
2518 | </details>
2519 | 
2520 | ---
2521 | 
2522 | ###### 132.The first page of a website is called
2523 | 
2524 | - A: Design
2525 | - B: Home page
2526 | - C: First page
2527 | - D: Main page
2528 | 
2529 | <details><summary><b>Answer</b></summary>
2530 | <p>
2531 | 
2532 | #### Answer: B
2533 | 
2534 | </p>
2535 | </details>
2536 | 
2537 | ---
2538 | 
2539 | ###### 133.The version of HTML is
2540 | 
2541 | - A: HTML0
2542 | - B: HTML1
2543 | - C: HTML2
2544 | - D: All of these
2545 | 
2546 | <details><summary><b>Answer</b></summary>
2547 | <p>
2548 | 
2549 | #### Answer: D
2550 | 
2551 | </p>
2552 | </details>
2553 | 
2554 | ---
2555 | 
2556 | ###### 134.Head tag is used for?
2557 | 
2558 | - A: Writing style
2559 | - B: Writing Java Script
2560 | - C: Including CSS, JS Files
2561 | - D: All of these
2562 | 
2563 | <details><summary><b>Answer</b></summary>
2564 | <p>
2565 | 
2566 | #### Answer: D
2567 | 
2568 | </p>
2569 | </details>
2570 | 
2571 | ---
2572 | 
2573 | ###### 135.How many heading tags are supported by HTML?
2574 | 
2575 | - A: 3
2576 | - B: 4
2577 | - C: 5
2578 | - D: 6
2579 | 
2580 | <details><summary><b>Answer</b></summary>
2581 | <p>
2582 | 
2583 | #### Answer: D
2584 | 
2585 | </p>
2586 | </details>
2587 | 
2588 | ---
2589 | 
2590 | ###### 136.Which is the largest heading tag?
2591 | 
2592 | - A: H1
2593 | - B: H3
2594 | - C: H4
2595 | - D: H6
2596 | 
2597 | <details><summary><b>Answer</b></summary>
2598 | <p>
2599 | 
2600 | #### Answer: A
2601 | 
2602 | </p>
2603 | </details>
2604 | 
2605 | ---
2606 | 
2607 | ###### 137.Which of the following are attributes of Font tag?
2608 | 
2609 | - A: Face
2610 | - B: Size
2611 | - C: Color
2612 | - D: All of above
2613 | 
2614 | <details><summary><b>Answer</b></summary>
2615 | <p>
2616 | 
2617 | #### Answer: D
2618 | 
2619 | </p>
2620 | </details>
2621 | 
2622 | ---
2623 | 
2624 | ###### 138...... connects web pages.
2625 | 
2626 | - A: Connector
2627 | - B: Link
2628 | - C: Hyperlink
2629 | - D: None of the above
2630 | 
2631 | <details><summary><b>Answer</b></summary>
2632 | <p>
2633 | 
2634 | #### Answer: C
2635 | 
2636 | </p>
2637 | </details>
2638 | 
2639 | ---
2640 | 
2641 | ###### 139.Internet is ...........
2642 | 
2643 | - A: a network of networks
2644 | - B: an ocean of resources waiting to be mined
2645 | - C: a cooperative anarchy
2646 | - D: all of the above
2647 | 
2648 | <details><summary><b>Answer</b></summary>
2649 | <p>
2650 | 
2651 | #### Answer: D
2652 | 
2653 | </p>
2654 | </details>
2655 | 
2656 | ---
2657 | 
2658 | ###### 140...... is suitable for remote administration of a computer.
2659 | 
2660 | - A: FTP
2661 | - B: Shell
2662 | - C: Remote Procedure Call
2663 | - D: Telnet
2664 | 
2665 | <details><summary><b>Answer</b></summary>
2666 | <p>
2667 | 
2668 | #### Answer: D
2669 | 
2670 | </p>
2671 | </details>
2672 | 
2673 | ---
2674 | 
2675 | ###### 141.Title tag is nested within the .......... tag.
2676 | 
2677 | - A: Body
2678 | - B: Head
2679 | - C: List
2680 | - D: Table
2681 | 
2682 | <details><summary><b>Answer</b></summary>
2683 | <p>
2684 | 
2685 | #### Answer: B
2686 | 
2687 | </p>
2688 | </details>
2689 | 
2690 | ---
2691 | 
2692 | ###### 142........ is a web's native protocol.
2693 | 
2694 | - A: SLIP
2695 | - B: TCP/IP
2696 | - C: HTTP
2697 | - D: PPP
2698 | 
2699 | <details><summary><b>Answer</b></summary>
2700 | <p>
2701 | 
2702 | #### Answer: C
2703 | 
2704 | </p>
2705 | </details>
2706 | 
2707 | ---
2708 | 
2709 | ###### 143.The Internet uses the ........... as the protocol engine.
2710 | 
2711 | - A: SLIP
2712 | - B: HTTP
2713 | - C: TCP/IP
2714 | - D: PPP
2715 | 
2716 | <details><summary><b>Answer</b></summary>
2717 | <p>
2718 | 
2719 | #### Answer: C
2720 | 
2721 | </p>
2722 | </details>
2723 | 
2724 | ---
2725 | 
2726 | ###### 144.A ......... is a symbolic name a network administrator assigns to a machine.
2727 | 
2728 | - A: URL
2729 | - B: DNS
2730 | - C: IP address
2731 | - D: Host name
2732 | 
2733 | <details><summary><b>Answer</b></summary>
2734 | <p>
2735 | 
2736 | #### Answer: D
2737 | 
2738 | </p>
2739 | </details>
2740 | 
2741 | ---
2742 | 
2743 | ###### 145.Which of the following protocol is used for e-mail services.
2744 | 
2745 | - A: SMAP
2746 | - B: SMTP
2747 | - C: SMIP
2748 | - D: SMOP
2749 | 
2750 | <details><summary><b>Answer</b></summary>
2751 | <p>
2752 | 
2753 | #### Answer: B
2754 | 
2755 | </p>
2756 | </details>
2757 | 
2758 | ---
2759 | 
2760 | ###### 146.......... is the incoming e-mail server.
2761 | 
2762 | - A: POP
2763 | - B: SMTP
2764 | - C: SMIP
2765 | - D: PPP
2766 | 
2767 | <details><summary><b>Answer</b></summary>
2768 | <p>
2769 | 
2770 | #### Answer: A
2771 | 
2772 | </p>
2773 | </details>
2774 | 
2775 | ---
2776 | 
2777 | ###### 147........... is a uniform naming scheme for locating resources on the we- B:
2778 | 
2779 | - A: URI
2780 | - B: HTTP
2781 | - C: WEBNAME
2782 | - D: RESOURCENAME
2783 | 
2784 | <details><summary><b>Answer</b></summary>
2785 | <p>
2786 | 
2787 | #### Answer: A
2788 | 
2789 | </p>
2790 | </details>
2791 | 
2792 | ---
2793 | 
2794 | ###### 148.The attribute .................. of <BODY> tag sets color of hypertext links.
2795 | 
2796 | - A: link
2797 | - B: vlink
2798 | - C: alink
2799 | - D: hlink
2800 | 
2801 | <details><summary><b>Answer</b></summary>
2802 | <p>
2803 | 
2804 | #### Answer: A
2805 | 
2806 | </p>
2807 | </details>
2808 | 
2809 | ---
2810 | 
2811 | ###### 149.Default font size of HTML is ..........
2812 | 
2813 | - A: 2
2814 | - B: 4
2815 | - C: 6
2816 | - D: 3
2817 | 
2818 | <details><summary><b>Answer</b></summary>
2819 | <p>
2820 | 
2821 | #### Answer: D
2822 | 
2823 | </p>
2824 | </details>
2825 | 
2826 | ---
2827 | 
2828 | ###### 150.A Web document is broken into sections. What are the tags called that create these sections?
2829 | 
2830 | - A: Structure tags
2831 | - B: HTML tags
2832 | - C: Heading tags
2833 | - D: Body tags
2834 | 
2835 | <details><summary><b>Answer</b></summary>
2836 | <p>
2837 | 
2838 | #### Answer: A
2839 | 
2840 | </p>
2841 | </details>
2842 | 
2843 | ---
2844 | 
2845 | ###### 151.What should be the first and last pair of tags in your Web document?
2846 | 
2847 | - A: `<html></html>` and `<body></body>`
2848 | - B: `<start><end>` and `<body></body>`
2849 | - C: `<head><body>` and `<title></title>`
2850 | - D: `<title></title>` and `<body<>/body>`
2851 | 
2852 | <details><summary><b>Answer</b></summary>
2853 | <p>
2854 | 
2855 | #### Answer: A
2856 | 
2857 | </p>
2858 | </details>
2859 | 
2860 | ---
2861 | 
2862 | ###### 152.When you use a heading tag in a document, what does the Web browser assumes?
2863 | 
2864 | - A: Heading information is to appear in bold letters
2865 | - B: Heading information is to appear on its own line
2866 | - C: Heading information has a hyperlink
2867 | - D: Heading information is shown as a size six
2868 | 
2869 | <details><summary><b>Answer</b></summary>
2870 | <p>
2871 | 
2872 | #### Answer: B
2873 | 
2874 | </p>
2875 | </details>
2876 | 
2877 | ---
2878 | 
2879 | ###### 153.For every Web document, you can add words that appear in the upper left bar area of your browser. What set of tags allows you to provide this information?
2880 | 
2881 | - A: `<head></head>`
2882 | - B: `<head><head>`
2883 | - C: `<label><label>`
2884 | - D: `<title></title>`
2885 | 
2886 | <details><summary><b>Answer</b></summary>
2887 | <p>
2888 | 
2889 | #### Answer: D
2890 | 
2891 | </p>
2892 | </details>
2893 | 


--------------------------------------------------------------------------------
/Images/icons8-bootstrap-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-bootstrap-100.png


--------------------------------------------------------------------------------
/Images/icons8-css3-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-css3-100.png


--------------------------------------------------------------------------------
/Images/icons8-html-5-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-html-5-100.png


--------------------------------------------------------------------------------
/Images/icons8-js-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-js-100.png


--------------------------------------------------------------------------------
/Images/icons8-react-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-react-100.png


--------------------------------------------------------------------------------
/Images/icons8-typescript-100.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Mahrous-Gamal/Web-Development-MCQ/0de4ef0081e709b2344008224c81a5551bc65414/Images/icons8-typescript-100.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## Web Development MCQ
 2 | - HTML MCQ.
 3 | - CSS MCQ.
 4 | - Bootstrap MCQ.
 5 | - JavaScript MCQ.
 6 | - TypeScript MCQ.
 7 | - React.js MCQ.
 8 | 
 9 | ## [Website Demo](https://web-development-mcq.vercel.app/)
10 | 
11 | ![roonz-nl-2xEQDxB0ss4-unsplash](https://github.com/Mahrous-Gamal/Web-Development-MCQ/assets/105131896/c540f9a4-1d18-469a-bf35-61001d0a3aa0)
12 | 
13 | ## 🙋‍♂️ Let's Connect
14 | <p align="center">
15 | 	<a href="mailto:mahrousgamal2001@gmail.com"><img src="https://img.icons8.com/bubbles/50/000000/gmail.png" alt="Gmail"/></a>
16 | 	<a href="https://github.com/Mahrous-Gamal"><img src="https://img.icons8.com/bubbles/50/000000/github.png" alt="GitHub"/></a>
17 | 	<a href="https://www.linkedin.com/in/mahrous-gamal-044693218/"><img src="https://img.icons8.com/bubbles/50/000000/linkedin.png" alt="LinkedIn"/></a>
18 | 	<a href="https://www.facebook.com/profile.php?id=100041500743911"><img src="https://img.icons8.com/bubbles/50/000000/facebook-new.png" alt="Facebook"/></a>
19 | 	<a href="https://www.instagram.com/mahrous_gama1/"><img src="https://img.icons8.com/bubbles/50/000000/instagram.png" alt="Instagram"/></a>
20 | 	
21 | </p>
22 | 


--------------------------------------------------------------------------------
/React MCQ/README.md:
--------------------------------------------------------------------------------
  1 | <div align="center">
  2 |   <img height="100" src="../Images/icons8-react-100.png">
  3 |   <h1>React Questions</h1>
  4 | 
  5 | ---
  6 | 
  7 | <span>I post multiple choice React questions
  8 | 
  9 | From basic to advance- D: test how well you know React, refresh your knowledge a bit.</span>
 10 | 
 11 | Feel free to reach out to me! 😊 <br />
 12 | <a href="https://www.instagram.com/mahrous_gama1/" >Instagram</a> || <a href="https://twitter.com/MahrousGama1">Twitter</a> || <a href="https://www.linkedin.com/in/mahrous-gamal-044693218/">linkedin</a>
 13 | 
 14 | </div>
 15 | 
 16 | ###### 1. React is also known as _____.
 17 | 
 18 | - A: ReactJS
 19 | - B: js
 20 | - C: Both A. and B.
 21 | - D: None of these
 22 | 
 23 | <details><summary><b>Answer</b></summary>
 24 | <p>
 25 | 
 26 | #### Answer: C) Both A. and B.
 27 | 
 28 | Explanation:
 29 | 
 30 | React is also known as React.js and ReactJS.
 31 | 
 32 | </p>
 33 | </details>
 34 | 
 35 | ---
 36 | 
 37 | 
 38 | 
 39 | ###### 2. React is a ____.
 40 | - A: Web development Framework
 41 | - B: JavaScript Library
 42 | - C: jQuery
 43 | - D: Web Server
 44 | <details><summary><b>Answer</b></summary>
 45 | <p>
 46 | 
 47 | #### Answer: B) JavaScript Library
 48 | 
 49 | Explanation:
 50 | 
 51 | React is a JavaScript library.
 52 | 
 53 | </p>
 54 | </details>
 55 | 
 56 | ---
 57 | 
 58 | 
 59 | ###### 3. Which ReactJS function renders HTML to the web page?
 60 | - A: render()
 61 | - B: ReactDOM.render()
 62 | - C: renders()
 63 | - D: ReactDOM.renders()
 64 | 
 65 | <details><summary><b>Answer</b></summary>
 66 | <p>
 67 | 
 68 | #### Answer: B) ReactDOM.render()
 69 | 
 70 | Explanation:
 71 | 
 72 | The ReactDOM.render() function is used to render HTML to the web page.
 73 | 
 74 | </p>
 75 | </details>
 76 | 
 77 | ---
 78 | 
 79 | 
 80 | ###### 4. JSX stands for _____.
 81 | - A: JSON
 82 | - B: JSON XML
 83 | - C: JavaScript XML
 84 | - D: JavaScript and AngularJS
 85 | 
 86 | <details><summary><b>Answer</b></summary>
 87 | <p>
 88 | 
 89 | #### Answer: C) JavaScript XML
 90 | 
 91 | Explanation:
 92 | 
 93 | JSX stands for JavaScript XML.
 94 | 
 95 | </p>
 96 | </details>
 97 | 
 98 | ---
 99 | 
100 | 
101 | ###### 5. JSX allows us to write _____.
102 | - A: jQuery in React
103 | - B: Angular Code in React
104 | - C: MySQL in React
105 | - D: HTML in React
106 | 
107 | <details><summary><b>Answer</b></summary>
108 | <p>
109 | 
110 | #### Answer: D) HTML in React
111 | 
112 | Explanation:
113 | 
114 | JSX allows us to write HTML in React.
115 | 
116 | </p>
117 | </details>
118 | 
119 | ---
120 | 
121 | 
122 | ###### 6. What is the correct syntax to write expression in JSX?
123 | - A: [ expression ]
124 | - B: { expression }
125 | - C: {{ expression }}
126 | - D: _expression
127 | 
128 | <details><summary><b>Answer</b></summary>
129 | <p>
130 | 
131 | #### Answer: B) { expression }
132 | 
133 | Explanation:
134 | 
135 | With JSX, an expression can be written using the syntax, { expression }.
136 | 
137 | </p>
138 | </details>
139 | 
140 | ---
141 | 
142 | 
143 | ###### 7. A class component must include the _______ statement.
144 | - A: extends React.Component
145 | - B: extends React
146 | - C: extends Component
147 | - D: extends React.Component.All
148 | 
149 | <details><summary><b>Answer</b></summary>
150 | <p>
151 | 
152 | #### Answer: A) extends React.Component
153 | 
154 | Explanation:
155 | 
156 | A class component must include the extends React.Component statement.
157 | 
158 | </p>
159 | </details>
160 | 
161 | ---
162 | 
163 | 
164 | ###### 8. What are Props?
165 | - A: Props are arguments passed into React components
166 | - B: Props are functions in the ReactJS
167 | - C: Props are used to returns multiple values from the function
168 | - D: All of the above
169 | 
170 | <details><summary><b>Answer</b></summary>
171 | <p>
172 | 
173 | #### Answer: A) Props are arguments passed into React components
174 | 
175 | Explanation:
176 | 
177 | Props are arguments passed into React components.
178 | 
179 | </p>
180 | </details>
181 | 
182 | ---
183 | 
184 | 
185 | ###### 9. What does props stand for?
186 | - A: Proper Arguments
187 | - B: Properties
188 | - C: Proper Return Values
189 | - D: All of the above
190 | 
191 | <details><summary><b>Answer</b></summary>
192 | <p>
193 | 
194 | #### Answer: B) Properties
195 | 
196 | Explanation:
197 | 
198 | The props stands for properties.
199 | 
200 | </p>
201 | </details>
202 | 
203 | ---
204 | 
205 | 
206 | ###### 10. Which ReactJS command is used to create a new application?
207 | - A: create-react-app
208 | - B: new-react-app
209 | - C: create-new-reactapp
210 | - D: react-app
211 | 
212 | <details><summary><b>Answer</b></summary>
213 | <p>
214 | 
215 | #### Answer: A) create-react-app
216 | 
217 | Explanation:
218 | 
219 | The create-react-app command is used to create a new React Application.
220 | 
221 | </p>
222 | </details>
223 | 
224 | ---
225 | 
226 | 
227 | ###### 11. Which ReactJS command is used to set up everything you need to run a React Application?
228 | - A: create-react-app
229 | - B: new-react-app
230 | - C: create-new-reactapp
231 | - D: react-app
232 | 
233 | <details><summary><b>Answer</b></summary>
234 | <p>
235 | 
236 | #### Answer: A) create-react-app
237 | 
238 | Explanation:
239 | 
240 | The create-react-app command is used to set up everything you need to run a React Application.
241 | 
242 | </p>
243 | </details>
244 | 
245 | ---
246 | 
247 | 
248 | ###### 12. How to install create-react-app?
249 | - A: npx create-react-app -new my-app
250 | - B: npx create-react-app -app my-app
251 | - C: npx new-react-app my-app
252 | - D: npx create-react-app my-app
253 | 
254 | <details><summary><b>Answer</b></summary>
255 | <p>
256 | 
257 | #### Answer: D) npx create-react-app my-app
258 | 
259 | Explanation:
260 | 
261 | The npx create-react-app my-app command is used to install create-react-app.
262 | 
263 | </p>
264 | </details>
265 | 
266 | ---
267 | 
268 | 
269 | ###### 13. ES6 stands for ____.
270 | - A: ECMAScript 6
271 | - B: Extended-JavaScript Version 6
272 | - C: Extensive-JavaScript 6
273 | - D: Expanded-JavaScript 6
274 | 
275 | <details><summary><b>Answer</b></summary>
276 | <p>
277 | 
278 | #### Answer: A) ECMAScript 6
279 | 
280 | Explanation:
281 | 
282 | ES6 stands for ECMAScript 6.
283 | 
284 | </p>
285 | </details>
286 | 
287 | ---
288 | 
289 | 
290 | ###### 14. ECMAScript was created to standardize _____.
291 | - A: TypeScript
292 | - B: Java
293 | - C: JSON
294 | - D: JavaScript
295 | 
296 | <details><summary><b>Answer</b></summary>
297 | <p>
298 | 
299 | #### Answer: D) JavaScript
300 | 
301 | Explanation:
302 | 
303 | ECMAScript was created to standardize JavaScript.
304 | 
305 | </p>
306 | </details>
307 | 
308 | ---
309 | 
310 | 
311 | ###### 15. In ES6 – A class is a type of ____.
312 | - A: Basic datatype
313 | - B: Derived datatype
314 | - C: Variable
315 | - D: Function
316 | 
317 | <details><summary><b>Answer</b></summary>
318 | <p>
319 | 
320 | #### Answer: D) Function
321 | 
322 | Explanation:
323 | 
324 | In ES6 – A class is a type of function.
325 | 
326 | </p>
327 | </details>
328 | 
329 | ---
330 | 
331 | 
332 | ###### 16. In ES6 – Which keyword is used to initiate a class?
333 | - A: function
334 | - B: class
335 | - C: ReactClass
336 | - D: ReactClassJs
337 | 
338 | <details><summary><b>Answer</b></summary>
339 | <p>
340 | 
341 | #### Answer: B) class
342 | 
343 | Explanation:
344 | 
345 | In ES6 – A class is a type of function, but instead of using the keyword function to initiate it, we use the keyword class.
346 | 
347 | </p>
348 | </details>
349 | 
350 | ---
351 | 
352 | 
353 | ###### 17. In ES6 – The class properties are assigned inside a _____ method.
354 | - A: props()
355 | - B: properties()
356 | - C: constructor()
357 | - D: react-properties()
358 | 
359 | <details><summary><b>Answer</b></summary>
360 | <p>
361 | 
362 | #### Answer: C) constructor()
363 | 
364 | Explanation:
365 | 
366 | In ES6 – The class properties are assigned inside a constructor() method.
367 | 
368 | class Laptop{
369 | constructor(name) {
370 | this.model = name;
371 | }
372 | }
373 | </p>
374 | </details>
375 | 
376 | ---
377 | 
378 | 
379 | ###### 18. In ES6 – Which keyword is used for class inheritance?
380 | - A: extends
381 | - B: extend
382 | - C: inheritance
383 | - D: inheritances
384 | 
385 | <details><summary><b>Answer</b></summary>
386 | <p>
387 | 
388 | #### Answer: A) extends
389 | 
390 | Explanation:
391 | 
392 | In ES6 – The extends keyword is used for class inheritance.
393 | 
394 | </p>
395 | </details>
396 | 
397 | ---
398 | 
399 | 
400 | ###### 19. In ES6 – What is the correct syntax of class inheritance?
401 | - A: class class1 extends class2{...}
402 | - B: class class1 extends | class2{...}
403 | - C: class class1 | extends class2{...}
404 | - D: class class1 | extends | class2{...}
405 | 
406 | <details><summary><b>Answer</b></summary>
407 | <p>
408 | 
409 | #### Answer: A) class class1 extends class2{...}
410 | 
411 | Explanation:
412 | 
413 | In ES6 – The correct syntax of class inheritance is:
414 | 
415 | class class1 extends class2{...}
416 | </p>
417 | </details>
418 | 
419 | ---
420 | 
421 | 
422 | ###### 20. In ES6 – Which method refers to the parent class?
423 | - A: parent()
424 | - B: super()
425 | - C: top()
426 | - D: main()
427 | 
428 | <details><summary><b>Answer</b></summary>
429 | <p>
430 | 
431 | #### Answer: B) super()
432 | 
433 | Explanation:
434 | 
435 | In ES6 – The super() method refers to the parent class.
436 | 
437 | </p>
438 | </details>
439 | 
440 | ---
441 | 
442 | 
443 | ###### 21. In ES6 – Why arrow functions are used?
444 | - A: To access pointer variable
445 | - B: To access variable of a class
446 | - C: Both A. and B.
447 | - D: Write shorter function syntax
448 | 
449 | <details><summary><b>Answer</b></summary>
450 | <p>
451 | 
452 | #### Answer: D) Write shorter function syntax
453 | 
454 | Explanation:
455 | 
456 | In ES6 – The arrow functions are used to write shorter function syntax.
457 | 
458 | </p>
459 | </details>
460 | 
461 | ---
462 | 
463 | 
464 | ###### 22. Consider the below function – which is the correct syntax of arrow function?
465 | - A: Msg = function() {
466 | return "Good Morning";
467 | }
468 | - B: Msg = () => {return "Good Morning";}
469 | - C: Msg = () => "Good Morning";
470 | - D: Both A. and B.
471 | - E: None of the above
472 | 
473 | 
474 | <details><summary><b>Answer</b></summary>
475 | <p>
476 | 
477 | #### Answer: D) Both A. and B.
478 | 
479 | Explanation:
480 | 
481 | In ES6 – Below given both of the syntaxes are correct of arow function:
482 | 
483 | Msg = () => {
484 | return "Good Morning";
485 | }
486 | Msg = () => "Good Morning";
487 | </p>
488 | </details>
489 | 
490 | ---
491 | 
492 | 
493 | ###### 23. Which is the correct arrow function to add two numbers?
494 | - A: add = (a,b) => a+b;
495 | - B: add = (a,b) => return a+b;
496 | - C: add = (a,b) => { return a+b;}
497 | - D: Both A. and B.
498 | - E: Both A. and C.
499 | 
500 | <details><summary><b>Answer</b></summary>
501 | <p>
502 | 
503 | #### Answer: D) Both A. and B.
504 | 
505 | Explanation:
506 | 
507 | In ES6 – Below given both are the arrow functions to add two numbers:
508 | 
509 | add = (a,b) => a+b;
510 | add = (a,b) => { return a+b;}
511 | 
512 | </p>
513 | </details>
514 | 
515 | ---
516 | 
517 | 
518 | ###### 24. With an arrow function – this keyword represents _____.
519 | - A: Content
520 | - B: Header object
521 | - C: Current object
522 | - D: Child object
523 | 
524 | <details><summary><b>Answer</b></summary>
525 | <p>
526 | 
527 | #### Answer: B) Header object
528 | 
529 | Explanation:
530 | 
531 | With an arrow function – this keyword represents Header object.
532 | 
533 | </p>
534 | </details>
535 | 
536 | ---
537 | 
538 | 
539 | ###### 25. Complete the below given arrow function.
540 | - A: Msg = {} "Hi, there!";
541 | - B: Msg = () {} "Hi, there!";
542 | - C: Msg = () => { "Hi, there!"; }
543 | - D: Msg = () => "Hi, there!";
544 | 
545 | #### Answer: D) () => "Hi, there!";
546 | 
547 | Explanation:
548 | 
549 | The correct arrow function is:
550 | 
551 | Msg = () => "Hi, there!";
552 | 
553 | </p>
554 | </details>
555 | 
556 | ---
557 | 
558 | 
559 | ###### 26. In ES6 – Which are the keywords to define variables?
560 | - A: var
561 | - B: let
562 | - C: const
563 | - D: All of the above
564 | 
565 | <details><summary><b>Answer</b></summary>
566 | <p>
567 | 
568 | #### Answer: D) All of the above
569 | 
570 | Explanation:
571 | 
572 | In ES6 – There are three ways of defining your variables: var, let, and const.
573 | </p>
574 | </details>
575 | 
576 | ---
577 | 
578 | ###### 27. In ES6 – var has a function scope, not a block scope?
579 | - A: True
580 | - B: False
581 | 
582 | <details><summary><b>Answer</b></summary>
583 | <p>
584 | 
585 | 
586 | #### Answer: A) True
587 | 
588 | Explanation:
589 | 
590 | In ES6 – The statement "var has a function scope, not a block scope." is True.
591 | 
592 | </p>
593 | </details>
594 | 
595 | ---
596 | 
597 | 
598 | ###### 28. Which is used to pass data to components from outside?
599 | - A: Render with arguments
600 | - B: props
601 | - C: setState
602 | - D: PropTypes
603 | 
604 | <details><summary><b>Answer</b></summary>
605 | <p>
606 | 
607 | #### Answer: B) props
608 | 
609 | Explanation:
610 | 
611 | props are used to pass data to components from outside.
612 | 
613 | </p>
614 | </details>
615 | 
616 | ---
617 | 
618 | 
619 | ###### 29. In ES6 – let is the block scoped version of ____.
620 | - A: const
621 | - B: function
622 | - C: var
623 | - D: None of the above
624 | 
625 | <details><summary><b>Answer</b></summary>
626 | <p>
627 | 
628 | #### Answer: C) var
629 | 
630 | Explanation:
631 | 
632 | In ES6 – The let is the block scoped version of var.
633 | 
634 | </p>
635 | </details>
636 | 
637 | ---
638 | 
639 | 
640 | ###### 30. In ES6 – let has a block scope.
641 | - A: True
642 | - B: False
643 | 
644 | <details><summary><b>Answer</b></summary>
645 | <p>
646 | 
647 | #### Answer: A) True
648 | 
649 | Explanation:
650 | 
651 | In ES6 – The statement "let has a block scope." is True.
652 | 
653 | </p>
654 | </details>
655 | 
656 | ---
657 | 
658 | 
659 | ###### 31. In ES6 – Which keyword is used to define a constant?
660 | - A: var
661 | - B: const
662 | - C: let
663 | - D: constant
664 | 
665 | <details><summary><b>Answer</b></summary>
666 | <p>
667 | 
668 | #### Answer: B) const
669 | 
670 | Explanation:
671 | 
672 | In ES6 – The const keyword is used to define a constant.
673 | </p>
674 | </details>
675 | 
676 | ---
677 | 
678 | 
679 | ###### 32. Which method is used to generate lists?
680 | - A: map()
681 | - B: generate()
682 | - C: new()
683 | - D: maps()
684 | 
685 | <details><summary><b>Answer</b></summary>
686 | <p>
687 | 
688 | #### Answer: A) map()
689 | 
690 | Explanation:
691 | 
692 | The map() method is used to generate lists in React ES6.
693 | 
694 | </p>
695 | </details>
696 | 
697 | ---
698 | 
699 | 
700 | ###### 33. What is the default port where webpack-server runs?
701 | - A: 443
702 | - B: 3030
703 | - C: 3306
704 | - D: 8080
705 | 
706 | <details><summary><b>Answer</b></summary>
707 | <p>
708 | 
709 | #### Answer: D) 8080
710 | 
711 | Explanation:
712 | 
713 | The default port to run webpack-server is 8080.
714 | 
715 | </p>
716 | </details>
717 | 
718 | ---
719 | 
720 | 
721 | ###### 34. What are components in ReactJS?
722 | - A: Components are like functions that return HTML elements.
723 | - B: Components are the HTML elements.
724 | - C: Components are the set of variables defined in ReactJS.
725 | - D: None of the above
726 | 
727 | <details><summary><b>Answer</b></summary>
728 | <p>
729 | 
730 | #### Answer: A) Components are like functions that return HTML elements.
731 | 
732 | Explanation:
733 | 
734 | In ReactJS, the components are like functions that return HTML elements.
735 | 
736 | </p>
737 | </details>
738 | 
739 | ---
740 | 
741 | 
742 | ###### 35. How many types of components are there in ReactJS?
743 | - A: 1
744 | - B: 2
745 | - C: 3
746 | - D: 4
747 | 
748 | <details><summary><b>Answer</b></summary>
749 | <p>
750 | 
751 | #### Answer: B) 2
752 | 
753 | Explanation:
754 | 
755 | There are two types of components in ReactJS.
756 | 
757 | </p>
758 | </details>
759 | 
760 | ---
761 | 
762 | 
763 | ###### 36. Which are the valid components in ReactJS?
764 | - A: Variable components
765 | - B: Function components
766 | - C: Class components
767 | - D: Both A. and B.
768 | - E: Both B. and C.
769 | 
770 | 
771 | <details><summary><b>Answer</b></summary>
772 | <p>
773 | 
774 | #### Answer: E) Both B. and C.
775 | 
776 | Explanation:
777 | 
778 | There are two types of components in ReactJS, which are:
779 | 
780 | Function components
781 | Class components
782 | 
783 | </p>
784 | </details>
785 | 
786 | ---
787 | 
788 | ###### 37. Which statement is required to define a class component?
789 | - A: extends React.Components
790 | - B: imports React.Components
791 | - C: extends React.Component
792 | - D: imports React.Component
793 | 
794 | <details><summary><b>Answer</b></summary>
795 | <p>
796 | 
797 | #### Answer: C) extends React.Component
798 | 
799 | Explanation:
800 | 
801 | In ReactJS, a class component must include the extends React.Component statement.
802 | 
803 | </p>
804 | </details>
805 | 
806 | ---
807 | 
808 | 
809 | ###### 38. Consider the below statement – Which method will be used at the place of blank space (____)?
810 | javascript
811 | Copy code
812 | class MainTitle extends React.Component {
813 |   ______ {
814 |     return <h1>Welcome at IncludeHelp!</h1>;
815 |   }
816 | }
817 | Save to grepper
818 | - A: renderDOM()
819 | - B: renderComponent()
820 | - C: render()
821 | - D: render()
822 | 
823 | 
824 | <details><summary><b>Answer</b></summary>
825 | <p>
826 | 
827 | #### Answer: C) render()
828 | 
829 | Explanation:
830 | 
831 | The correct code is:
832 | 
833 | javascript
834 | Copy code
835 | class MainTitle extends React.Component {
836 |   render() {
837 |     return <h1>Welcome at IncludeHelp!</h1>;
838 |   }
839 | }
840 | Save to grepper
841 | 
842 | </p>
843 | </details>
844 | 
845 | ---
846 | 
847 | ###### 39. Can components be passed as props?
848 | - A: Yes
849 | - B: No
850 | 
851 | <details><summary><b>Answer</b></summary>
852 | <p>
853 | 
854 | #### Answer: A) Yes
855 | 
856 | Explanation:
857 | 
858 | Yes, the components can be passed as props.
859 | 
860 | </p>
861 | </details>
862 | 
863 | ---
864 | 
865 | 
866 | ###### 40. In ReactJS, what is State?
867 | - A: It's a temporary storage of the elements
868 | - B: It's a state of the execution of the ReactJS application
869 | - C: It's an internal storage of the components
870 | - D: All of the above
871 | 
872 | <details><summary><b>Answer</b></summary>
873 | <p>
874 | 
875 | #### Answer: C) It's an internal storage of the components
876 | 
877 | Explanation:
878 | 
879 | In ReactJS, State is an internal storage of the components.
880 | </p>
881 | </details>
882 | 
883 | ---
884 | 
885 | 
886 | 
887 | 
888 | 
889 | 
890 | 


--------------------------------------------------------------------------------
/Typescript MCQ/README.md:
--------------------------------------------------------------------------------
 1 | <div align="center">
 2 |   <img height="100" src="../Images/icons8-typescript-100.png">
 3 |   <h1>Typescript Questions</h1>
 4 | 
 5 | ---
 6 | 
 7 | <span>I post multiple choice Typescript questions
 8 | 
 9 | From basic to advanced: test how well you know Typescript, refresh your knowledge a bit.</span>
10 | 
11 | Feel free to reach out to me! 😊 <br />
12 | <a href="https://www.instagram.com/mahrous_gama1/" >Instagram</a> || <a href="https://twitter.com/MahrousGama1">Twitter</a> || <a href="https://www.linkedin.com/in/mahrous-gamal-044693218/">linkedin</a>
13 | 
14 | </div>
15 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <title>Web Development MCQ</title>
  9 |     <style>
 10 |         * {
 11 |     margin: 0;
 12 |     padding: 0;
 13 | }
 14 | 
 15 | body {
 16 |     background: linear-gradient(45deg, #0a0a0a, #3a4452);
 17 |     color: white;
 18 |     text-align: center;
 19 |     height: 100vh;
 20 |     overflow: hidden;
 21 | }
 22 | 
 23 | a {
 24 |     text-decoration: none;
 25 | }
 26 | 
 27 | .menu {
 28 |     position: relative;
 29 |     margin-top: 15%;
 30 |     left: 50%;
 31 |     width: 0px;
 32 |     transform: translate(-50%, 55%);
 33 | }
 34 | 
 35 | .toggle {
 36 |     display: none;
 37 | }
 38 | 
 39 | .toggle+.style {
 40 |     width: 90px;
 41 |     height: 20px;
 42 |     border-radius: 50%;
 43 |     cursor: pointer;
 44 |     transform: translate(-50%, -50%) scale(1);
 45 |     z-index: 5;
 46 |     display: block;
 47 |     color: #fff;
 48 |     font-size: 2.5em;
 49 |     padding-top: 75px;
 50 |     text-align: center;
 51 |     -webkit-transition: all .8s;
 52 |     -moz-transition: all .8s;
 53 |     -o-transition: all .8s;
 54 |     -ms-transition: all .8s;
 55 |     transition: all .8s;
 56 |     position: relative;
 57 | }
 58 | 
 59 | .menu a {
 60 |     text-align: center;
 61 |     line-height: 80px;
 62 |     font-weight: 700;
 63 |     font-size: 2em;
 64 | }
 65 | 
 66 | .fa-bars {
 67 |     display: block;
 68 |     color: white;
 69 |     margin-top: -45px !important;
 70 | 
 71 | }
 72 | 
 73 | 
 74 | .toggle:checked+.style {
 75 |     transform: translate(-50%, -50%) scale(1);
 76 | }
 77 | 
 78 | .menu input[type=checkbox]+label:before {
 79 |     content: "";
 80 |     position: absolute;
 81 | }
 82 | 
 83 | .toggle+.style:before,
 84 | .toggle+.style:after {
 85 |     content: "";
 86 |     position: absolute;
 87 |     margin: -3px;
 88 |     border-radius: 5px;
 89 |     transition: all 0.3s;
 90 | }
 91 | 
 92 | .toggle+.style:before {
 93 |     width: 30px;
 94 |     height: 0px;
 95 |     left: 10px;
 96 |     top: 25px;
 97 | }
 98 | 
 99 | .toggle+.style:after {
100 |     width: 0px;
101 |     height: 30px;
102 |     left: 25px;
103 |     top: 10px;
104 | }
105 | 
106 | .toggle:checked+.style:before,
107 | .toggle:checked+.style:after {
108 |     transform: rotate(135deg);
109 | }
110 | 
111 | .toggle~.tab {
112 |     position: absolute;
113 |     color: #fff;
114 |     width: 70px;
115 |     height: 70px;
116 |     left: 0px;
117 |     top: 0px;
118 |     transform: translate(-50%, -50%) scale(0);
119 |     transition: all 0.3s;
120 |     opacity: 0;
121 |     border-radius: 50%;
122 | }
123 | 
124 | .toggle:checked~.tab {
125 |     opacity: 1;
126 |     transform: translate(-50%, -50%) scale(1);
127 | }
128 | 
129 | .menu>.toggle:checked~.tab:nth-of-type(1) {
130 |     top: -122px;
131 |     left: 0px;
132 |     transition-delay: 0s;
133 | }
134 | 
135 | .menu>.toggle:checked~.tab:nth-of-type(2) {
136 |     top: -74px;
137 |     left: 120px;
138 |     transition-delay: 0.125s;
139 | }
140 | 
141 | .menu>.toggle:checked~.tab:nth-of-type(3) {
142 |     top: 56px;
143 |     left: 115px;
144 |     transition-delay: 0.25s;
145 | }
146 | 
147 | .menu>.toggle:checked~.tab:nth-of-type(4) {
148 |     top: 122px;
149 |     left: 0px;
150 |     transition-delay: 0.375s;
151 | }
152 | 
153 | .menu>.toggle:checked~.tab:nth-of-type(5) {
154 |     top: 56px;
155 |     left: -115px;
156 |     transition-delay: 0.5s;
157 | }
158 | 
159 | .menu>.toggle:checked~.tab:nth-of-type(6) {
160 |     top: -74px;
161 |     left: -120px;
162 |     transition-delay: 0.625s;
163 | }
164 | 
165 | .menu>.toggle:checked~.tab:nth-of-type(7) {
166 |     top: 0px;
167 |     left: -133.33333px;
168 |     transition-delay: 0.75s;
169 | }
170 | 
171 | .menu>.toggle:checked~.tab:nth-of-type(8) {
172 |     top: -94.2809px;
173 |     left: -94.2809px;
174 |     transition-delay: 0.875s;
175 | }
176 | 
177 | .style {
178 |     /* background-color: #343a40; */
179 |     margin-top: 200px;
180 | }
181 | 
182 | .fab {
183 |     color: white !important;
184 | }
185 | 
186 | .info {
187 |     display: flex;
188 |     flex-direction: column;
189 |     justify-content: space-between;
190 |     height: 80px;
191 |     width: fit-content;
192 |     margin: auto;
193 |     margin-top: 120px;
194 |     font-size: 1.2em;
195 | 
196 | }
197 | 
198 | .m-mahrous {
199 |     color: red;
200 | }
201 | 
202 | .icon {
203 |     width: 40px;
204 |     height: 40px;
205 |     border-radius: 10px;
206 |     display: flex;
207 |     justify-content: center;
208 |     align-items: center;
209 |     color: white;
210 |     cursor: pointer;
211 |     transition: all .2s ease;
212 |     /* background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); */
213 |     /* background: radial-gradient(circle at 33% 100%,#feb824 85%, #bdc3f5); */
214 |     background-color: #e5532d;
215 | 
216 | }
217 | 
218 | .html {
219 | 
220 |     background: #e5532d;
221 | 
222 | 
223 | }
224 | 
225 | .css {
226 | 
227 |     background: #1DA1F2;
228 | 
229 | }
230 | 
231 | .bootstrap {
232 | 
233 |     background: #8d1aff;
234 | 
235 | }
236 | 
237 | .js {
238 |     background: #eacc09;
239 | 
240 | }
241 | 
242 | .ts {
243 |     background: #007acc;
244 | 
245 | }
246 | 
247 | .react {
248 |     background: #0275d8;
249 | 
250 | }
251 | 
252 | /* style */
253 | .plate {
254 | 
255 |     width: 80px;
256 |     /* border: 2px solid red; */
257 |     position: absolute;
258 |     margin-top: -85px;
259 |     margin-left: -3px;
260 |     height: fit-content;
261 | }
262 | 
263 | .burger {
264 |     filter: url(#gooeyness);
265 | }
266 | 
267 | .x {
268 |     transform: scale(1);
269 |     transition: transform 400ms;
270 | }
271 | 
272 | .line {
273 |     fill: none;
274 |     stroke: white;
275 |     stroke-width: 6px;
276 |     stroke-linecap: round;
277 |     stroke-linejoin: round;
278 |     transform-origin: 50%;
279 |     transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
280 | }
281 | 
282 | 
283 | .plate4 .x {
284 |     transition: transform 400ms;
285 | }
286 | 
287 | .plate4 .line {
288 |     transform-origin: 50%;
289 |     transition: transform 400ms 100ms;
290 | }
291 | 
292 | .active.plate4 .line {
293 |     transition: transform 400ms;
294 | }
295 | 
296 | .active.plate4 .line1 {
297 |     transform: translateX(18px) translateY(-3px) rotate(-45deg) scale(.7);
298 | }
299 | 
300 | .active.plate4 .line2 {
301 |     transform: translateX(-18px) translateY(-3px) rotate(45deg) scale(.7);
302 | }
303 | 
304 | .active.plate4 .line3 {
305 |     transform: translateY(0px) rotate(45deg) scale(.7);
306 | }
307 | 
308 | .active.plate4 .line4 {
309 |     transform: translateY(0px) rotate(-45deg) scale(.7);
310 | }
311 | 
312 | .active.plate4 .line5 {
313 |     transform: translateX(18px) translateY(3px) rotate(45deg) scale(.7);
314 | }
315 | 
316 | .active.plate4 .line6 {
317 |     transform: translateX(-18px) translateY(3px) rotate(-45deg) scale(.7);
318 | }
319 | 
320 | .info p {
321 |     /* margin-top: 5px; */
322 |     /* border: 2px solid red; */
323 |     line-height: 1.8;
324 | }
325 | .txt-html {
326 | 
327 |     color: #e5532d;
328 | 
329 | }
330 | 
331 | .txt-css {
332 | 
333 |     color: #1DA1F2;
334 | 
335 | }
336 | 
337 | .txt-bootstrap {
338 | 
339 |     color: #8d1aff;
340 | 
341 | }
342 | 
343 | .txt-js {
344 |     color: #eacc09;
345 | 
346 | }
347 | 
348 | .txt-ts {
349 |     color: #007acc;
350 | 
351 | }
352 | 
353 | .txt-react {
354 |     color: #50a5ee;
355 | 
356 | }
357 |     </style>
358 | 
359 |     <!-- Box Icons -->
360 |     <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css" />
361 | </head>
362 | 
363 | <body>
364 |     <div class="container">
365 |         <div class='menu'>
366 | 
367 |             <input class='toggle' id='menu' type='checkbox'>
368 |             <label class='style' for='menu'>
369 |                 <!-- <i class="fa fa-bars" aria-hidden="true"></i> -->
370 |                 <div class="plate plate4" onclick="this.classList.toggle('active')">
371 |                     <svg class="burger" version="1.1" height="100" width="100" viewBox="0 0 100 100">
372 |                         <path class="line line1" d="M 50,35 H 30" />
373 |                         <path class="line line2" d="M 50,35 H 70" />
374 |                         <path class="line line3" d="M 50,50 H 30" />
375 |                         <path class="line line4" d="M 50,50 H 70" />
376 |                         <path class="line line5" d="M 50,65 H 30" />
377 |                         <path class="line line6" d="M 50,65 H 70" />
378 |                     </svg>
379 |                     <svg class="x" version="1.1" height="0" width="100" viewBox="0 0 100 100">
380 |                         <path class="line" d="M 34,32 L 66,68" />
381 |                         <path class="line" d="M 66,32 L 34,68" />
382 |                     </svg>
383 |                 </div>
384 |             </label>
385 |             <a class="tab html icon" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/blob/master/HTML%20MCQ/README.md" target="_blank">
386 |                 <i class="bx bxl-html5"></i>
387 |             </a>
388 |             <a class="tab css icon" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/blob/master/CSS%20MCQ/README.md" target="_blank"><i <i
389 |                     class="bx bxl-css3"></i></a>
390 |             <a class="tab bootstrap icon" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/tree/master/Bootstrap%20MCQ" target="_blank">
391 |                 <i class="bx bxl-bootstrap"></i></a>
392 |             <a class="tab js icon" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/blob/master/Javascript%20MCQ/README.md"
393 |                 target="_blank">
394 |                 <i class="bx bxl-javascript"></i></a>
395 |             <a class="tab ts icon" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/blob/master/Typescript%20MCQ/README.md" target="_blank"><i <i
396 |                     class="bx bxl-typescript"></i></a>
397 |             <a class="tab react" href="https://github.com/Mahrous-Gamal/Web-Development-MCQ/blob/master/React%20MCQ/README.md" target="_blank"> <i
398 |                     class="bx bxl-react"></i></a>
399 |         </div><!-- menu -->
400 |         <div class="info">
401 |             <!-- <p><span class="m-mahrous">M</span>ahrous <span class="m-mahrous">G</span>amal </p> -->
402 |             <p>Web Development MCQ</p>
403 |             <p>Multiple Choice (<span class="txt-html">HTML</span> <span class="txt-css">CSS</span> <span
404 |                     class="txt-bootstrap">Bootstrap</span> <span class="txt-js">Javascript</span> <span
405 |                     class="txt-ts">Typescript</span> <span class="txt-react">React</span> ) Questions From Basic To
406 |                 Advanced</p>
407 | 
408 |         </div>
409 |     </div><!-- container -->
410 | </body>
411 | 
412 | </html>
413 | 


--------------------------------------------------------------------------------