مثال های کاربردی HTML
نحوه ایجاد / استفاده از تگ توضیحات
نحوه استفاده / ایجاد تگ پاراگراف
نحوه استفاده از تگ های تیتر (H1-H6)
نحوه استفاده از صفت Style ( تغییر رنگ زمینه تگ )
نحوه استفاده از صفت Style ( تغییر اندازه فونت متن )
قرار دادن متن در سمت چپ و وسط و راست صفحه
نحوه استفاده از صفت Style ( گذاشتن تصویر زمینه در صفحه )
نحوه استفاده از تگ BR
نحوه استفاده از تگ Pre
نحوه استفاده از تگ B
نحوه استفاده از تگ em
نحوه استفاده از تگ Strong
نحوه استفاده از تگ i
نحوه استفاده از تگ Sub
نحوه استفاده از تگ Sup
نحوه استفاده از تگ ins
نحوه استفاده از تگ Del
نحوه استفاده از تگ Mark
نحوه استفاده از CSS بصورت درون تگی ( یا Inline )
نحوه استفاده از CSS بصورت درون صفحه ای ( یا Internal )
نحوه استفاده از CSS بصورت خارجی یا مجزا ( یا External )
ایجاد یک لینک ساده
باز شدن یک لینک در حالت های مختلف
نحوه ایجاد یک تصویر لینک دار
ایجاد لینک داخلی ( انتقال کاربر به بخش های مختلف یک مطلب )
ایجاد دکمه برو به بالای صفحه از طریق لینک داخلی ( نمونه ساده )
ایجاد لینک به آدرس ایمیل
لینک به شماره تماس ( تلفن )
نحوه استفاده از صفت Alt در تصویر
نحوه ایجاد نقشه تصویری ( یعنی یک عکس که قسمت های مختلفش قابل کلیک باشد )
نحوه ایجاد جدول ( استفاده از تگ های Thead و Tbody و Tfoot )
نحوه ادغام کردن ستون های جدول
نحوه ادغام کردن سطرهای جدول
ایجاد یک لیست نامرتب ( تگ UL )
تغییر علامت گذاری آیتم های لیست نامرتب
ایجاد یک لیست مرتب شده ( تگ OL )
تغییر علامت گذاری آیتم های لیست مرتب
ایجاد یک لیست تودرتو
ایجاد لیست و استفاده از CSS برای خوشکل کردنش
نحوه ایجاد کلاس در تگ و فراخوانی در CSS
مشخص کردن چندین کلاس بصورت همزمان برای چندین تگ
قابل ویرایش کردن محتوای یک تگ
استفاده از صفت dir برای مشخص کردن جهت نمایش متن ها
استفاده از صفت dir در تگ body ( اینجوری کل صفحه رو راست چین میکنیم )
جابه جا یا Drag And Drop کردن عناصر
مخفی کردن یک تگ با استفاده از صفت Hidden
نمایش / مخفی کردن محتوا با استفاده از جاوااسکریپت
نحوه ایجاد ID در تگ و فراخوانیش در CSS
مشخص کردن زبان کل صفحه با استفاده از صفت lang ( استفاده در تگ html )
نحوه استفاده از صفت Style در یک تگ
وقتی ماوس روی متن چند لحظه نگه داشته میشه، تولتیپ ( یه توضیح کوتاه نشون میده )
نحوه استفاده از آی فریم ( گذاشتن یک سایت مجزا درون صفحه )
تنظیم اندازه عرض و ارتفاع آی فریم با استفاده از صفت Style
تمام صفحه کردن آی فریم
باز شدن یک یا چندین لینک در آی فریم
نمایش یک تصویر ( یا تقریبا هرچیز دیگه ) در آی فریم
نمایش چندین وبسایت بصورت همزمان در آی فریم
نمایش یک فایل PDF در آی فریم ( در حالت تمام صفحه )
استفاده از دستورات جاوااسکریپت در قسمت Head صفحه
استفاده از دستورات جاوااسکریپت در قسمت Body صفحه
اتصال فایل جاوااسکریپت خارجی به صفحه HTML ( استفاده در قسمت Head صفحه )
اتصال فایل جاوااسکریپت خارجی به صفحه HTML ( استفاده در قسمت Body صفحه )
نحوه استفاده از متاداده ها در قسمت Head صفحه
تغییر مسیر صفحه بعد از ۵ ثانیه به صفحه دیگر
صفحه هر ۵ ثانیه یکبار رفرش میشود
استفاده از تگ title در قسمت Head صفحه ( برای مشخص کردن عنوان صفحه )
نحوه استفاده از موجودیت ها یا Entities در HTML
نحوه ایجاد فاصله بین حروف / کلمه با استفاده از موجودیت ها
نحوه استفاده از فرم ها ( ارسال و دریافت یک نام از کاربر )
نحوه ایجاد یک لیست بازشو ( تگ Select )
بخش بندی یا دسته بندی کردن عناصر فرم
آهنگ گذاشتن در صفحه
پخش خودکار آهنگ
تکرار پخش آهنگ ( یعنی وقتی تموم شد دوباره خودش خودکار پخش بشه )
قطع کردن صدای آهنگ
مخفی کردن پلیر در صفحه ( یعنی آهنگ خودکار خودش پلی میشه ولی خوده پلیر مخفیه )
ویدئو گذاشتن در صفحه
تنظیم اندازه عرض و ارتفاع ویدئو
پخش خودکار ویدئو
تکرار پخش ویدئو ( یعنی وقتی تموم شد دوباره خودش خودکار پخش بشه )
قطع کردن صدای ویدئو
نحوه تنظیم تصویر شاخص برای ویدئو ( یک تصویر که قبل از پخش ویدئو روی ویدئو قرار میگیره )
نحوه اضافه کردن زیرنویس به ویدئو
تمام صفحه کردن ویدئو
پخش شدن ویدئو در پس زمینه صفحه ( یعنی پلیر مخفیه ولی خوده ویدئو پخش میشه )
ویدئو در گوشه سمت چپ صفحه بصورت ثابت + پخش خودکار ( autoplay )
ایجاد لینک جذاب ( وقتی ماوس رفت روی لینک یه خط از وسط به دو طرف کشیده میشه )
نحوه استفاده از تگ bdi
نحوه برعکس کردن متن انگلیسی و فارسی
نحوه ایجاد نقل قول یا blockquote
نحوه استفاده از تگ caption در جدول
قرار دادن عکس و متن در وسط صفحه ( بصورت افقی )
طرح بندی خیلی ساده یک قالب ( دارای هدر – باکس محتوای اصلی و فوتر )
طرح بندی کمی پیشرفته تر یک قالب HTML با استفاده از تگ DIV
قرار دادن یک سایت مجزا در صفحه با استفاده از تگ embed
کشیدن یک خط افقی برای جدا کردن بخش ها از همدیگر
تعریف چندین عکس برای نمایش در اندازه های مختلف صفحه نمایش ( مثلا وقتی اندازه مرورگر کوچکتر میشه یه عکس نشون میده وقتی بیشتر میشه یه عکس دیگه )
ایجاد منوی افقی ساده ( بدون زیرمنو / زیرآیتم )
ایجاد منوی عمودی ساده ( بدون زیرمنو / زیرآیتم )
قرار دادن یک آیتم در سمت چپ ( بر خلاف جهت آیتم های منو بصورت افقی )
فیکس یا ثابت کردن منوی افقی در سمت بالا صفحه
فیکس یا ثابت کردن منوی افقی در سمت پایین صفحه
ایجاد منوی چسبنده ( یعنی وقتی اسکرول میکنیم بسمت پایین منو به سقف مرورگر میچسبه )
ایجاد منوی افقی ( بهمراه زیرمنو / زیرآیتم )
ایجاد منوی عمودی ( بهمراه زیرمنو / زیرآیتم )
Top
استفاده از محتویات این صفحه برای عموم آزاد می باشد.
[سایت آموزشی فری لرن]
×
Turn on Javascript 🌓