🌱🌱 نکته روز #HTML

🌿🌿 ‏طراحی واکنش‌گرا برای دستگاه‌های مختلف: منوهای کشویی باید در اندازه‌های مختلف صفحه نمایش به خوبی کار کنند. برای دستگاه‌های موبایل، ممکن است نیاز به طراحی متفاوتی مانند منوی همبرگری یا منوی کشویی تمام صفحه باشد که با استفاده از HTML و CSS (و احتمالاً جاوااسکریپت) پیاده‌سازی می‌شود.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #HTML

🟣 موضوع : ‏استفاده از تگ‌های map و area برای نقشه‌های تصویری

🟢 سوال :

‏کدام ویژگی تگ `<area>` مختصات منطقه قابل کلیک را بر اساس مقدار ویژگی `shape` تعیین می‌کند؟

گزینه ۱:
`shape`

گزینه ۲:
`href`

گزینه ۳:
`coords`

گزینه ۴:
`alt`



🔵 گزینه صحیح: 3

🟢 توضیح :

‏ویژگی `coords` مختصات منطقه قابل کلیک را به صورت لیستی از اعداد تعیین می‌کند. این اعداد بسته به مقدار ویژگی `shape` متفاوت تفسیر می‌شوند (مثلاً برای `rect`: x1, y1, x2, y2 و برای `circle`: center_x, center_y, radius).

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #HTML

🟣 موضوع : ‏طراحی صفحات فرود (Landing Pages)

🟢 سوال :

‏برای نمایش نظرات مشتریان یا گواهی‌نامه‌ها (testimonials) در صفحه فرود، کدام تگ‌های HTML برای ساختاربندی هر نظر مناسب هستند؟

گزینه ۱:
‏`<p>` و `<span>`

گزینه ۲:
‏تگ‌های لیست (`<ul>` یا `<ol>`)

گزینه ۳:
‏`<figure>` با تگ `<blockquote>` برای نقل قول و `<figcaption>` برای نام مشتری

گزینه ۴:
‏تگ‌های جدول (`<table>`)



🔵 گزینه صحیح: 3

🟢 توضیح :

‏تگ `<figure>` برای گروه‌بندی نقل قول (`<blockquote>`) و اطلاعات مشتری (`<figcaption>`) به صورت معنایی مناسب است.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #HTML

🟣 موضوع : ‏استفاده از تگ base و link

🟢 سوال :

‏کدام ویژگی تگ <link> مشخص می‌کند که منبع لینک شده برای چه نوع رسانه‌ای (مانند صفحه نمایش، چاپ، یا دستگاه‌های خاص) اعمال شود؟

گزینه ۱:
type

گزینه ۲:
rel

گزینه ۳:
media

گزینه ۴:
sizes



🔵 گزینه صحیح: 3

🟢 توضیح :

‏ویژگی media در تگ <link> مشخص می‌کند که منبع لینک شده برای چه نوع رسانه‌ای اعمال شود. مقادیر رایج شامل screen (برای صفحه نمایش)، print (برای چاپ)، all (برای همه رسانه‌ها) و همچنین media queries برای اعمال استایل‌ها بر اساس ویژگی‌های دستگاه (مانند عرض صفحه) هستند.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🌱🌱 نکته روز #HTML

🌿🌿 ‏نمایش مقدار در یک محدوده با تگ <meter>: تگ <meter> برای نمایش یک مقدار اسکالر در یک محدوده مشخص استفاده می‌شود. این تگ برای نمایش مواردی مانند میزان استفاده از دیسک، قدرت سیگنال، یا میزان رضایت کاربر مناسب است. ویژگی‌های کلیدی آن شامل value (مقدار فعلی)، min (حداقل مقدار)، max (حداکثر مقدار)، low، high و optimum هستند که برای نشان دادن محدوده‌های مختلف استفاده می‌شوند.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🌱🌱 نکته روز #HTML

🌿🌿 ‏استفاده از لینک‌های انکر (<a> با href="#...") برای ناوبری: برای سوالات طولانی یا دسته‌بندی‌های متعدد، می‌توانید از لینک‌های انکر در بالای صفحه استفاده کنید تا کاربران بتوانند به سرعت به بخش مورد نظر خود منتقل شوند. برای این کار، به هر سوال یک id منحصر به فرد بدهید و سپس در لینک‌های ناوبری از href="#id_سوال" استفاده کنید.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #HTML

🟣 موضوع : ‏تگ‌های صوتی HTML5 (audio)

🟢 سوال :

‏کدام ویژگی تگ <audio> باعث می‌شود صدا پس از پایان به طور مداوم از ابتدا پخش شود؟

گزینه ۱:
controls

گزینه ۲:
autoplay

گزینه ۳:
loop

گزینه ۴:
‏poster (مربوط به ویدیو)



🔵 گزینه صحیح: 3

🟢 توضیح :

‏ویژگی loop در تگ <audio> باعث می‌شود صدا پس از رسیدن به انتها، به طور خودکار از ابتدا شروع به پخش کند و این چرخه به طور مداوم تکرار شود.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🌱🌱 نکته روز #HTML

🌿🌿 ‏استفاده از <input type="email"> برای آدرس ایمیل: برای دریافت آدرس ایمیل شرکت‌کنندگان، از تگ <input type="email"> استفاده کنید. این نوع ورودی اعتبارسنجی اولیه برای فرمت ایمیل را ارائه می‌دهد.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🌱🌱 نکته روز #HTML

🌿🌿 ‏ساخت صفحات واکنش‌گرا با HTML و CSS: اطمینان حاصل کنید که ساختار HTML شما به گونه‌ای است که محتوا به طور صحیح در اندازه‌های مختلف صفحه نمایش (دسکتاپ، تبلت، موبایل) نمایش داده شود. استفاده از طرح‌بندی‌های انعطاف‌پذیر و Media Queries در CSS در کنار ساختار HTML مناسب، تجربه کاربری یکپارچه‌ای را فراهم می‌کند.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir

🔵 کوییز #HTML

🟣 موضوع : ‏نحوه استفاده از تگ‌های HTML در ایجاد وبلاگ

🟢 سوال :

‏برای نمایش اطلاعات متا پست (مانند نویسنده، تاریخ انتشار، دسته‌بندی‌ها) در هر پست وبلاگ، کدام تگ HTML5 می‌تواند برای گروه‌بندی این اطلاعات استفاده شود؟

گزینه ۱:
‏<p> با <span>

گزینه ۲:
‏<div> با کلاس‌های CSS

گزینه ۳:
‏<aside> (اگر اطلاعات فرعی باشند) یا تگ معنایی <time> برای تاریخ و احتمالاً عناصر دیگر

گزینه ۴:
‏تگ <table>



🔵 گزینه صحیح: 3

🟢 توضیح :

‏تگ <aside> می‌تواند برای اطلاعات فرعی مرتبط با پست استفاده شود. تگ <time> به طور خاص برای نمایش تاریخ و زمان به صورت معنایی طراحی شده است. همچنین می‌توان از عناصر درون‌خطی مانند <span> در داخل یک <p> برای گروه‌بندی این اطلاعات استفاده کرد.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

لطفا ما رو به دیگران هم معرفی کنید...

آدرس کانال اصلی :
https://t.me/Tu_24

آدرس وبسایت:
https://Tutorial24.ir