مثال‌ها

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
۱مثال‌ها
۲خلاصه
۳دسترس‌پذیری
مرجع HTML


پایه‌های HTML [۱]

سند HTML

عنوان‌های HTML

پاراگراف‌های HTML

لینک‌های HTML

تصاویر HTML

کلیدهای HTML

لیست‌های HTML

توضیح مثال ها

ویژگی‌های HTML

ویژگی title

ویژگی href

ویژگی width و height

ویژگی alt

ویژگی‌های بدون نقل قول

ویژگی‌هایی که بدون نقل قول کار نمی‌کنند

توضیح مثال ها

عنوان‌ها در HTML

عنوان‌های HTML

قواعد افقی HTML

سرصفحه HTML

توضیح مثال ها

پاراگراف‌ها در HTML

پاراگراف‌های HTML

پاراگراف‌های بیشتر HTML

استفاده از line breakها در HTML

مسئله شعر (برخی از مشکلات با قالب بندی HTML)

نحوه کنترل line breakها و فاصله‌ها در تگ <pre>

توضیح مثال ها

استایل‌های HTML

استایل‌های HTML

رنگ پس زمینه HTML

رنگ متن HTML

نوع قلم HTML

اندازه متن HTML

محل قرارگیری متن در HTML

توضیح مثال ها

قالب بندی متن HTML

قالب بندی Bold با استفاده از عنصر <b>

قالب بندی Strong با استفاده از عنصر <strong>

قالب بندی Italic با استفاده از عنصر <i>

قالب بندی تأکید با استفاده از عنصر <em>

قالب بندی کوچک با استفاده از عنصر <small>

قالب بندی نشانه‌گذاری شده با استفاده از عنصر <mark>

نشانه گذاری حذف شده با استفاده از عنصر <del>

نشانه گذاری وارد شده با استفاده از عنصر <ins>

نشانه گذاری حذف شده و وارد شده با استفاده از <del> و <ins>

قالب بندی زیرنویس با استفاده از عنصر <sub>

قالب بندی بالا نویس با استفاده از عنصر <sup>

توضیح مثال ها

استنادها و نقل قول‌ها در HTML

قالب بندی نقل قول‌ها با عنصر <q>

قالب بندی بخش‌های نقل قول شده با عنصر <blockqoute>

قالب بندی اطلاعات مالک / نویسنده با عنصر <address>

قالب بندی مخفف‌ها با عنصر <abbr>

قالب بندی عنوان کاری با عنصر <cite>

قالب بندی جهت متن با عنصر <bdo>

توضیح مثال ها

توضیحات HTML

توضیحات مخفی

توضیحات شرطی

توضیحات برای رفع اشکال

توضیح مثال ها

CSS در HTML

HTML با CSS درون خطی

HTML با CSS درونی

HTML با CSS خارجی

HTML با قلم‌های CSS

HTML با CSS استفاده از ویژگی id

HTML با CSS استفاده از ویژگی class

HTML و کادرهای CSS

HTML و حاشیه درونی CSS

HTML و حاشیه CSS

HTML و CSS نسخه نمایشی کامل

توضیح مثال ها

لینک‌های HTML

لینک زدن، با استفاده از URL مطلق

لینک زدن، با استفاده از URL نسبی

تغییر رنگ لینک‌ها

حذف خط زیرین از لینک‌ها

تغییر هدف یک لینک

تصویر بعنوان یک لینک

ایجاد یک لینک bookmark

لینکی که از فریم بیرون می‌زند

یک لینک پستی

یک لینک پستی با موضوع

توضیح مثال ها

تصاویر در HTML

یک تصویر

تصویری با عرض و ارتفاع با استفاده از ویژگی‌ها

تصویری با عرض و ارتفاع با استفاده از CSS

عرض و ارتفاع تصویر با استفاده از هر دو

تصویری در فولدر دیگر

تصویری با لینک شکسته

تصویری در سرور دیگر

استفاده از تصویر بعنوان یک لینک

یک تصویر متحرک

یک image map با نواحی قابل کلیک کردن

یک تصویر شناور

توضیح مثال ها

جدول‌ها در HTML

جداول HTML پایه

جدولی با کادرها

جدولی با کادرهای collapsed

جدولی با حاشیه درونی سلول‌ها

جدولی با عنوان‌ها

جدولی با عنوان‌های چپ چین

عنوان‌های افقی/عمودی جدول

جدولی با زیرنویس

سلول‌های جدولی که بیش از یک ستون گسترده شده‌اند

سلول‌های جدولی که بیش از یک ردیف گسترده شده‌اند

جدولی با فاصله گذاری سلولی

جدولی با تگ‌های HTML در داخل آن

جدول‌هایی با استایل‌های مختلف با استفاده از id I

جدول‌هایی با استایل‌های مختلف با استفاده از id II

جدول‌هایی با استایل‌های مختلف با استفاده از class I

جدول‌هایی با استایل‌های مختلف با استفاده از class II

توضیح مثال ها

لیست‌های HTML

یک لیست نامرتب (پیش‌فرض)

یک لیست نامرتب با bulletهای دیسک

یک لیست نامرتب با bulletهای دایره ای

یک لیست نامرتب با bulletهای مربعی

یک لیست نامرتب بدون bullet

یک لیست مرتب (پیش‌فرض)

یک لیست مرتب با اعداد

یک لیست مرتب با حروف

یک لیست مرتب با حروف کوچک

یک لیست مرتب با اعداد رومی

یک لیست مرتب با اعداد رومی کوچک

یک لیست توصیفی

لیست تودرتو I

لیست تودرتو II

لیست افقی

یک منوی لیست افقی

توضیح مثال ها

عنصرهای بلوک و درون خطی HTML

استایل دهی عنصرهای <div>

استایل دهی عنصرهای <span>

توضیح مثال ها

کلاس‌های HTML

استایل دهی همه عناصر با نام کلاس خاص

دسترسی به عنصرها با نام کلاس خاص با جاوا اسکریپت

چند کلاس

کلاس یکسان، تگ متفاوت

توضیح مثال ها

HTML Id

استایل دهی یک عنصر با یک id خاص

تفاوت بین class و id

دسترسی به یک عنصر با یک id خاص، با جاوا اسکریپت

توضیح مثال ها

چیدمان HTML

چیدمان با استفاده از float

چیدمان با استفاده از flexbox

چیدمان با استفاده از flexbox 2

چیدمان با استفاده از flexbox 3

توضیح مثال ها

HTML IFrame

Iframe درون خطی (یک فریم داخل یک صفحه HTML)

توضیح مثال ها

عنصرهای سر صفحه HTML

یک سند معتبر HTML بدون <html> ،<body> و <head>

یک سند HTML معتبر بدون عنصر <head>

عنصر <title> عنوان سند را تعریف می‌کند

عنصر <style> دارای اطلاعات استایل است

عنصر <link> رابطه ای را به یک منبع خارجی تعریف می‌کند

عنصر <meta> فرا اطلاعات خاص را تعریف می‌کند

عنصر <script> جاوا اسکریپت سمت کلاینت را تعریف می‌کند

عنصر <base> URL پایه برای همه URLها را تعریف می‌کند

توضیح مثال ها

اسکریپت در HTML

واردکردن یک اسکریپت

استفاده از تگ <noscript>

توضیح مثال ها

عنصرهای کد کامپیوتری

قالب بندی ورودی صفحه کلید با استفاده از عنصر <kbd>

قالب بندی خروجی کامپیوتر با استفاده از عنصر <samp>

قالب بندی کد برنامه‌نویسی با استفاده از عنصر <code>

قالب بندی کد برنامه‌نویسی با حفظ فاصله‌ها و line-breakها

قالب بندی متغیر با استفاده از عنصر <var>

توضیح مثال ها

فرم‌های HTML

فرم با ورودی متن

فرم با ورودی radio button

فرم با فیلدهای متنی و یک کلید submit

فرم با فیلدهای متنی بدون ویژگی نام

گروه‌بندی داده‌های فرم

توضیح مثال ها

عنصرهای فرم در HTML

یک لیست کرکره ای ساده

یک لیست کرکره ای با مقادیر از پیش انتخاب شده

یک حوزه متنی (یک فیلد متنی چند خطی)

یک کلید ورودی

استفاده از عنصر <datalist>

استفاده از عنصر <output>

توضیح مثال ها

انواع ورودی در HTML

نوع ورودی متن

نوع ورودی کلمه عبور

نوع ورودی radio

نوع ورودی چک باکس

نوع ورودی کلید

نوع ورودی عدد - با محدودیت‌ها

نوع ورودی عدد - با گام‌ها

نوع ورودی داده - با انتخابگر تاریخ

نوع ورودی داده - با محدودیت‌ها

نوع ورودی رنگ - با انتخابگر رنگ

نوع ورودی محدوده

نوع ورودی ماه

نوع ورودی هفته

نوع ورودی زمان

نوع ورودی تاریخ و زمان (Datetime)

نوع ورودی تاریخ و زمان محلی

نوع ورودی ایمیل

نوع ورودی جستجو

نوع ورودی تلفن

نوع ورودی url

توضیح مثال ها

ویژگی‌های ورودی در HTML

ویژگی autocomplete

ویژگیnovalidate

ویژگی autofocus

ویژگی form

ویژگی formaction

ویژگی formenctype

ویژگی formmethod

ویژگی formnovalidate

ویژگی formtarget

ویژگی‌های height و width

ویژگی لیست

ویژگی min و max

ویژگی multipe

ویژگی pattern

ویژگی placeholder

ویژگی required

ویژگی step

توضیح مثال ها

HTML Canvas

رسم روی canvas با جاوا اسکریپت

رسم یک خط با ()lineTo

رسم یک دایره با ()arc

رسم یک متن با ()fillText

رسم یک متن با ()strokeText

رسم یک شیب خطی

رسم یک شیب دایره ای

رسم یک تصویر با ()drawImage

توضیح مثال ها

HTML SVG

دایره SVG

مستطیل SVG

مستطیل گرد SVG

ستاره SVG

لوگو SVG

توضیح مثال ها

رسانه در HTML

پخش Bunny

پخش ویدیو خرس با کنترل‌ها

پخش ویدیو خرس با پخش خودکار

پخش صدای اسب با کنترل‌ها

توضیح مثال ها

مکان جغرافیایی HTML

به‌دست‌آوردن مختصات مکان جغرافیایی

مدیریت خطاهای مکان جغرافیایی

به‌دست‌آوردن مکان جغرافیایی و تماشای موقعیت

توضیح مثال ها

انباره محلی HTML

ذخیره دائمی یک نام

ذخیره دائمی یک شمارنده

ذخیره یک شمارنده برای یک جلسه (به انگلیسی: session)

توضیح مثال ها

مدیا در HTML

پخش یک فایل ویدیویی

پخش یک فایل صوتی در HTML

پخش یک ویدیو YouTube در HTML

توضیح مثال ها

مثال‌های بیشتر در مورد HTML

کشیدن و انداختن در HTML

Web workerها در HTML

رویدادهای ارسال شده به سرور در HTML


منابع آموزشی