آزمون آنلاین HTML و CSS

نمونه سؤال فنی و حرفه‌ای

خودتان را با ۴۰ سؤال چهارگزینه‌ای HTML و CSS به سبک آزمون کتبی فنی و حرفه‌ای بسنجید؛ با کارنامه هر بخش و پاسخ‌نامه تشریحی.

رایگانسؤال‌های تصادفیکارنامه هر بخشپاسخ تشریحی

برای کار با ابزار، جاوااسکریپت مرورگر را فعال کنید.

آزمون فنی و حرفه‌ای

آزمون HTML فنی و حرفه‌ای چطور است؟

استاندارد «برنامه‌نویس زبان برای طراحی صفحات HTML» سازمان فنی و حرفه‌ای با دو آزمون سنجیده می‌شود: آزمون کتبی با سؤال‌های چهارگزینه‌ای و آزمون عملی که باید صفحه وب را پای کامپیوتر بسازید.

حد نصاب آزمون کتبی ۵۰ از ۱۰۰ و آزمون عملی ۷۰ است و آزمون کتبی نمره منفی ندارد. سؤال‌های کتبی از مفاهیم وب، برچسب‌های HTML، پیوند و تصویر، فهرست و جدول، فرم‌ها و CSS پرسیده می‌شوند. این آزمون آنلاین همان سبک را با HTML5 و CSS3 امروزی شبیه‌سازی می‌کند.

  • ۴۰ سؤال، ۴۵ دقیقه: از هر بخش به اندازه سهمش، هر بار تازه از بانک سؤال‌ها.
  • سؤال‌های کد: مثل آزمون واقعی، بعضی سؤال‌ها کد HTML یا CSS دارند.
  • کارنامه و پاسخ تشریحی: نمره هر بخش و پاسخ درست هر سؤال با توضیح.
  • فقط برای خود شما: نتیجه جایی ذخیره نمی‌شود؛ نمره‌های قبلی را فقط در مرورگر خودتان می‌بینید.
سرفصل آزمون

هفت بخش آزمون HTML و CSS

بر اساس سرفصل استاندارد فنی و حرفه‌ای و کتاب دوره HTML و CSS کادوس.

۱. مفاهیم وب

W3C، HTTP و HTTPS، نشانی URL و DNS، مرورگر و سرور، کدهای وضعیت، UTF-8 و نقش HTML، CSS و JavaScript.

۲. ساختار سند و متن

DOCTYPE، head و body، تیترها و پاراگراف، موجودیت‌ها، برچسب‌های معنایی (header، nav، main، article)، dir و lang.

۳. پیوند، تصویر و رسانه

پیوند و لنگر، mailto و tel، مسیر نسبی، تصویر و alt، قالب‌های تصویر، ویدیو، iframe و وصل کردن CSS و JS.

۴. فهرست و جدول

فهرست شماره‌دار و نقطه‌دار، فهرست تعریف‌ها، جدول، th و caption، ادغام خانه‌ها با colspan و rowspan.

۵. فرم‌ها

form، action و method، انواع input، radio و checkbox، select، textarea، label، required و maxlength.

۶. پایه CSS و مدل جعبه‌ای

نوشتن قانون CSS، انتخابگرها و اولویت آن‌ها، رنگ و واحدها، مدل جعبه‌ای، padding و margin و box-sizing.

۷. چیدمان و طراحی واکنش‌گرا

Flexbox و Grid، position و z-index، media query و طراحی واکنش‌گرا، overflow، transition و transform.

نمونه سؤال با جواب

۱۰ نمونه سؤال HTML و CSS با پاسخ

این سؤال‌ها در خود آزمون نیستند؛ برای گرم شدن و آشنایی با سبک سؤال‌ها. روی «دیدن پاسخ» بزنید.

نمونه سؤال ۱ · مفاهیم وب

کدام گزینه نقش HTML، CSS و JavaScript را درست می‌گوید؟

  1. ظاهر، ساختار، پایگاه داده
  2. سرور، مرورگر، شبکه
  3. ساختار، ظاهر، رفتار
  4. رفتار، ساختار، ظاهر
دیدن پاسخ
پاسخ: گزینه ۳ (ساختار، ظاهر، رفتار). HTML محتوا و ساختار، CSS رنگ و چیدمان و JavaScript تعامل صفحه را می‌سازد.
نمونه سؤال ۲ · مفاهیم وب

کدام گزینه نشانی (URL) درست یک صفحه وب است؟

  1. www kadoosedu ir
  2. https://kadoosedu.ir/tools/
  3. http:/kadoosedu.ir
  4. kadoosedu@ir
دیدن پاسخ
پاسخ: گزینه ۲ (https://kadoosedu.ir/tools/). پروتکل، دو اسلش، دامنه و مسیر.
نمونه سؤال ۳ · ساختار سند و متن

برچسب‌های اصلی هر صفحه HTML به ترتیب کدام‌اند؟

  1. head ← html و body
  2. title ← html و head
  3. body ← head و title
  4. html ← head و body
دیدن پاسخ
پاسخ: گزینه ۴ (html ← head و body). html ریشه است و head و body فرزندان آن‌اند.
نمونه سؤال ۴ · ساختار سند و متن

کدام برچسب تیتر کوچک‌ترین اندازه را دارد؟

  1. <small-h>
  2. <h1>
  3. <h6>
  4. <h3>
دیدن پاسخ
پاسخ: گزینه ۳ (<h6>). h1 بزرگ‌ترین و h6 کوچک‌ترین تیتر است.
نمونه سؤال ۵ · پیوند، تصویر و رسانه

کدام کد تصویری با عرض و ارتفاع ۱۰۰ پیکسل نمایش می‌دهد؟

  1. <img href="a.png" size="100">
  2. <image src="a.png" 100x100>
  3. <img src="a.png" width="100" height="100" alt="">
  4. <img src="a.png" scale="100">
دیدن پاسخ
پاسخ: گزینه ۳ (<img src="a.png" width="100" height="100" alt="">). width و height بدون px بر حسب پیکسل‌اند؛ alt را هم فراموش نکنید.
نمونه سؤال ۶ · فهرست و جدول

ویژگی colspan="3" روی یک خانه جدول چه می‌کند؟

  1. سه ستون تازه ساخته می‌شود
  2. خانه به اندازه سه ستون پهن می‌شود
  3. فاصله سه پیکسلی می‌گذارد
  4. خانه سه سطر بلند می‌شود
دیدن پاسخ
پاسخ: گزینه ۲ (خانه به اندازه سه ستون پهن می‌شود). برای ادغام در ارتفاع از rowspan استفاده کنید.
نمونه سؤال ۷ · فرم‌ها

برای انتخاب چند علاقه‌مندی هم‌زمان کدام نوع ورودی مناسب است؟

  1. radio
  2. submit
  3. select بدون multiple
  4. checkbox
دیدن پاسخ
پاسخ: گزینه ۴ (checkbox). radio فقط یک انتخاب از گروه را می‌پذیرد.
نمونه سؤال ۸ · پایه CSS و مدل جعبه‌ای

خروجی این CSS چیست؟

.btn {
  background: orange;
  color: white;
  padding: 8px 16px;
}
  1. فقط عنصری با id=btn نارنجی می‌شود
  2. دکمه سفید با متن نارنجی
  3. دکمه نارنجی با متن سفید و فاصله داخلی ۸ پیکسل بالا/پایین و ۱۶ پیکسل چپ/راست
  4. فاصله بیرونی ۸ و ۱۶ پیکسل
دیدن پاسخ
پاسخ: گزینه ۳ (دکمه نارنجی با متن سفید و فاصله داخلی ۸ پیکسل بالا/پایین و ۱۶ پیکسل چپ/راست). نقطه یعنی کلاس؛ padding با دو مقدار: بالا/پایین و چپ/راست.
نمونه سؤال ۹ · چیدمان و طراحی واکنش‌گرا

کدام روش برای چیدمان دوبعدی (سطر و ستون با هم) ساخته شده است؟

  1. float
  2. inline-block
  3. CSS Grid
  4. text-align
دیدن پاسخ
پاسخ: گزینه ۳ (CSS Grid). Flexbox یک‌بعدی (فقط ردیف یا فقط ستون) و Grid دوبعدی است.
نمونه سؤال ۱۰ · چیدمان و طراحی واکنش‌گرا

کدام media query فقط برای صفحه‌های ۶۰۰ پیکسل و بزرگ‌تر است؟

  1. @media (width < 600px)
  2. @media (min-width: 600px)
  3. @media screen and (max-height: 600px)
  4. @media (max-width: 600px)
دیدن پاسخ
پاسخ: گزینه ۲ (@media (min-width: 600px)). min-width یعنی «از این عرض به بالا».
قبل از آزمون

۶ نکته برای قبولی در آزمون کتبی HTML

  • سؤال‌های آزمون کتبی بیشتر «کدام برچسب یا کدام ویژگی» است؛ هر برچسب را یک بار در ویرایشگر بنویسید و نتیجه را ببینید.
  • فرق جفت‌های شبیه را خوب یاد بگیرید: ul و ol، th و td، colspan و rowspan، padding و margin، src و href.
  • ویژگی‌های فرم (action، method، name، maxlength، required، placeholder) بخش پرسؤال آزمون است.
  • در CSS اولویت انتخابگرها را حفظ باشید: style درون‌خطی، سپس id، سپس class و در آخر نام برچسب.
  • عرض جعبه را با عدد حساب کنید: width + padding + border، مگر اینکه box-sizing برابر border-box باشد.
  • آزمون کتبی فنی و حرفه‌ای نمره منفی ندارد؛ به همه سؤال‌ها جواب بدهید و سؤال‌های سخت را برای آخر علامت بزنید.
پرسش‌های پرتکرار

پرسش‌های پرتکرار درباره آزمون HTML و CSS

آزمون آنلاین HTML و CSS کادوس رایگان است؟

بله، کاملاً رایگان است و هر چند بار بخواهید می‌توانید تکرارش کنید. هر بار ۴۰ سؤال تازه از بانک سؤال‌های هفت بخش انتخاب می‌شود.

چرا برای دیدن نتیجه باید ثبت‌نام کنم؟

نمره و پاسخ‌نامه تشریحی فقط به کاربران عضو سایت کادوس نشان داده می‌شود. نتیجه فقط برای خود شماست و در سایت ذخیره نمی‌شود؛ نمره‌های قبلی فقط در مرورگر خودتان نگه داشته می‌شود. ثبت‌نام فقط با شماره موبایل و رایگان است.

آزمون HTML فنی و حرفه‌ای چطور است؟

آزمون استاندارد «برنامه‌نویس زبان برای طراحی صفحات HTML» دو بخش دارد: آزمون کتبی با سؤال‌های چهارگزینه‌ای بدون نمره منفی و آزمون عملی پای کامپیوتر. حد نصاب کتبی ۵۰ از ۱۰۰ و عملی ۷۰ است. تعداد سؤال و زمان دقیق را هنگام ثبت‌نام از مرکز آزمون بپرسید.

سؤال‌های این آزمون همان سؤال‌های فنی و حرفه‌ای است؟

نه. سؤال‌ها را مدرسان کادوس بر اساس سرفصل استاندارد و به سبک آزمون کتبی نوشته‌اند و با HTML5 و CSS3 امروزی به‌روز شده‌اند. هدف سنجیدن آمادگی شماست، نه حفظ کردن سؤال‌ها.

نمره چند یعنی برای آزمون آماده‌ام؟

حد نصاب ۵۰ است، ولی پیشنهاد ما این است که چند بار پشت سر هم ۷۰ یا بیشتر بگیرید و در هیچ بخشی زیر ۵۰ نباشید.

برای آزمون عملی HTML و CSS چطور تمرین کنم؟

در آزمون عملی باید صفحه را خودتان بسازید. با ویرایشگر آنلاین رایگان کادوس کد بنویسید و نتیجه را زنده ببینید، و در دوره HTML و CSS کادوس یک سایت کامل واکنش‌گرا بسازید.

اگر وسط آزمون صفحه بسته شود چه می‌شود؟

پاسخ‌ها در همان مرورگر نگه داشته می‌شوند؛ با باز کردن دوباره صفحه، آزمون از همان سؤال ادامه پیدا می‌کند تا زمانش تمام شود.

این آزمون مدرک دارد؟

نه، این یک خودسنجی آموزشی است. مدرک معتبر را با قبولی در آزمون کتبی و عملی سازمان فنی و حرفه‌ای می‌گیرید و کادوس شما را برای آن آماده می‌کند.

دوره طراحی وب کادوس

طراحی سایت را از صفر یاد بگیرید

مشاوره رایگان و تعیین سطح؛ کلاس‌های طراحی وب در هر دو شعبه کادوس رشت برگزار می‌شود.

شعبه مرکزی (خیابان لاکانی)

رشت، خیابان لاکانی، ابتدای خیابان صندوق عدالت · ساعت کاری ۸ تا ۲۱

۰۱۳۹۱۰۰۲۳۴۳صفحه شعبه

شعبه مسکن مهر

رشت، مسکن مهر، میدان دوم، مهر ۶۶

۰۱۳۹۱۰۰۲۳۲۳صفحه شعبه