اچ تی ام ال (HTML)
سخن پایانی در این سری از آموزش ها سعی نمودیم تا با زبانی ساده مفاهیم اصلی اچ تی ام ال (HTML) را به علاقمندان منتقل نماییم و در اینجا دوره آموزش رایگان اچ تی ام ال (HTML) در سایت عصر ...
آشنایی با تگ iframe در اچ تی ام ال (HTML) زمانیکه بخواهیم یک صفحه اچ تی ام ال (HTML) دیگر را داخل صفحه اصلی خود به نمایش در آوریم می بایست از تگ هایی تحت عنوان <iframe> و <iframe/> استفاده ...
آشنایی با تگ code در زبان اچ تی ام ال (HTML) در وب سایت های آموزش زبان های برنامه نویسی به کرات دیده می شود که در توضیحات خود بخش هایی از کد را داخل متن آورده و سپس پیرامون ...
آشنایی با تگ های div و span در زبان اچ تی ام ال (HTML) که می توان دیگر تگ های اچ تی ام ال را داخل آن قرار داد. تگ <div> از دید یک مرورگر حاوی معنی خاصی نیست اما ...
آشنایی با Attribute های placeholder و name در فرم های اچ تی ام ال (HTML) در این بخش قصد داریم تا در ادامه مبحث فرم های اچ تی ام ال (HTML) به بررسی دو Attribute دیگر بپردازیم. برای این منظور ...
نحوه ایجاد Drop-down Menu در فرم های اچ تی ام ال (HTML) لیست هایی تحت عنوان Drop-down Menu در طراحی صفحات وب مورد استفاده قرار می گیرند که در آن واحد یک گزینه بیشتر نمایش داده نمی شود اما به ...
به کارگیری از تگ textarea در فرم های اچ تی ام ال (HTML) در فرم های اینترنتی بسیار دیده می شود که فضایی در نظر گرفته می شود تا کاربران بتوانند متنی دلخواه به هر مقدار را وارد فرم کنند: ...
به کارگیری از دستور submit برای ارسال داده های فرم به سرور یکی دیگر از مقادیری که می توان برای type در نظر گرفت submit است. در واقع با در نظر گرفتن مقدار submit می توان این فیلد از فرم ...
استفاده از دکمه های radio در فرم های اچ تی ام ال (HTML) در برخی از فرم ها گروهی از دکمه ها هستند که فقط یکی از آنها را می توان در آن واحد انتخاب کرد که اصطلاحاً به آنها ...
قرار دادن تیک در فرم های اچ تی ام ال (HTML) چنانچه بخواهیم گزینه ای در اختیار کاربران قرار دهیم که بتوانند آن را تیک بزنند، می توان کد زیر را وارد ویرایشگر متن خود کرد: <!DOCTYPE html> <html> <head> ...
استفاده از تگ datalist در فرم های اچ تی ام ال (HTML) یکی دیگر از ویژگی های فرم ها در HTML5 این است که از طریق آن ها می توان این امکان را به کاربران داد تا چنانچه اولین حرف ...
به کار گیری دستور autofocus در فرم های اچ تی ام ال (HTML) اگر بخواهیم زماینکه وارد صفحه ای می شویم بدون آنکه نیاز داشته باشیم داخل فیلدی کلیک کنیم به صورت خودکار نشانگر موس داخل آن فیلد قرار گیرد، ...
استفاده از range در تگ input برای انتخاب طیفی از اعداد در فرم های اچ تی ام ال (HTML) اگر بخواهیم این امکان را برای کاربران فراهم آوریم که بتوانند طیفی از اعداد را در فرم های اچ تی ام ...
به کارگیری دستور email در تگ input برای وارد کردن ایمیل در فرم های اچ تی ام ال (HTML) اگر بخواهیم فیلدی تعریف کنیم که فقط آدرس های صحیح ایمیل را دریافت کند می بایست از کد زیر استفاده کنیم: ...
استفاده از url به منظور وارد کردن آدرس های اینترنتی در فیلدهای فرم اچ تی ام ال (HTML) چنانچه بخواهیم فیلدی ایجاد کنیم که از آن طریق کاربران بتوانند آدرس وب سایتی را وارد فرم کنند می بایست از کد ...
به کارگیری از reset در فرم های اچ تی ام ال (HTML) برای حذف نوشته های داخل فرم یکی دیگر از مقادیری که می توان برای type در نظر گرفت reset است. کاری که reset انجام می دهد این است ...
آپلود کردن فایل در فرم های اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا این امکان را برای کاربران سایت خود فراهم سازیم تا فایلی همچون عکس خود را آپلود کنند. برای این منظور می بایست از کد ...
نحوه وارد کردن رمزعبور در فیلدهای فرم در اچ تی ام ال (HTML) چنانچه بخواهیم فیلدی در فرم خود قرار دهیم که کاربران از آن طریق بتوانند رمز عبور خود را وارد نمایند بایستی مقدار Attribute مرتبط با type را ...
آشنایی با فرم ها در اچ تی ام ال (HTML) یکی از اجزای جدایی ناپذیر وب سایت های دینامیک، استفاده از فرم ها برای جمع آوری اطلاعات از کاربران اینترنتی است. در واقع زمانیکه می خواهیم در یک سایت یا ...
به کارگیری از تگ caption در جداول اچ تی ام ال (html) گاهی اوقات در طراحی صفحات وب نیاز داریم تا برای جداول خود یک عنوان در نظر بگیریم که این کار با استفاده از تگ <caption> امکان پذیر است. ...
آشنایی با روش ادغام کردن خانه های یک جدول در اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا خانه های یک جدول را با یکدیگر ادغام کنیم. برای این منظور دو راه کار پیش رو داریم. اگر بخواهیم ...
آشنایی با تگ table در اچ تی ام ال (html) به طور کلی زمانیکه بخواهیم داده ها را به صورت نظامند و مدون در معرض دید کاربران قرار دهیم می بایست از جداول استفاده کنیم که اینکار از طریق قرار ...
اضافه کردن فاصله در محتوای اچ تی ام ال (HTML) اضافه کردن فاصله در محتوای اچ تی ام ال (HTML) به همان راحتی که در نرم افزارهایی همچون مجموعه آفیس انجام می دهیم نیست. برای روشن شدن این مطلب کدی ...
نحوه وارد کردن کاراکترهای خاص در اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا کاراکترهایی که روی صفحه کیبورد قرار ندارند را در محتوای اسناد اچ تی ام ال (HTML) خود قرار دهیم که از آن جمله می ...
نحوه ارجاع یک کاربر به آدرس URL دیگری در اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا پس از آنکه کاربری وارد یکی از صفحات وب سایت ما شد پس از مدت زمانی از پیش تعیین شده، کاربر ...
آشنایی با متاتگ refresh در زبان اچ تی ام ال (HTML) بسیاری از سایت های خبری هستند که نیاز دارند تا صفحه اصلی سایت آنها به طور مثال هر 2 دقیقه یک بار به روز رسانی شود تا آخرین اخباری ...
آشنایی با متاتگ author در اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا به مخاطبین سایت خود بگوییم که طراح سایت مان کیست. برای این منظور می توان از متاتگی تحت عنوان author به معنی "مؤلف، نویسنده" استفاده ...
آشنایی با متاتگ keywords در زبان اچ تی ام ال (HTML) متاتگ دیگری که گفته می شود برای سئو مفید است keywords نام دارد. کاری این که متاتگ انجام می دهد این است که کلید واژه های مرتبط با آن ...
آشنایی با تگ description در اچ تی ام ال (HTML) حضور در شبکه جهانی وب بدون معرفی وب سایت خود به موتوهای جستجویی همچون گوگل، یاهو، بینگ و ... بی ارزش است. در واقع در اینترنت کاربران بایستی بتوانند وب ...
آشنایی با متاتگ های اچ تی ام ال (HTML) متاتگ های اچ تی ام ال از اهمیت بسیاری برخوردارند. در واقع این گروه از تگ ها رویکردهای کلی یک سند اچ تی ام ال را مشخص می کنند. به عبارت ...
آشنایی با پلاگین Firebug در مرورگر فایرفاکس یکی از راه های فراگیری زبان اچ تی ام ال (HTML) مشاهده کدهای وب سایت های مختلف است. به طور مثال فرض کنیم در حین گشت زنی در اینترنت به سایتی بر می ...
آشنایی با لینک دانلود در سندهای اچ تی ام ال (HTML) گاهی اوقات نیاز داریم تا فایلی را روی سایت خود قرار داده تا کاربران سایتمان بتوانند آن فایل را دانلود نمایند. برای این منظور اولین کاری که می بایست ...
استفاده از Attribute یی تحت عنوان title گاهی اوقات نیاز داریم تا زمانیکه کاربر نشانگر موس خود را روی یک لینک قرار دهد، اطلاعاتی تکمیلی مثل آدرس کامل لینک یا هر عبارت دیگری برای وی به نمایش در آید. در ...
رنگ های پیش فرض لینک ها در صفحات اچ تی ام ال (HTML) به طور کلی لینک ها به صورت پیش فرض در یک مرورگر به سه صورت زیر دیده می شوند: 1. لینک هایی که تاکنون روی آن ...
اضافه کردن / به آدرس لینک های اچ تی ام ال (HTML) در لینک دادن به سایت های دیگر این نکته را همواره می بایست مد نظر قرار داد که اضافه کردن یک / به انتهای آدرس کاری است که ...
استفاده از متاتگی برای باز شدن کلیه لینک های html در یک tab جدید ممکن است بخواهیم که کلیه لینک های سایت ما در یک Tab جدید باز شود. برای این منظور به جای آنکه این دستور را در هر ...
باز کردن لینک های html در یک Tab جدید مرورگر گاهی اوقات نیاز داریم تا زمانیکه کاربر روی یک لینک کلیک می کند، آدرس صفحه مرتبط با لینک در یک Tab جدید در مرورگر باز شود. برای روشن شدن این ...
تبدیل یک عکس به لینک در اچ تی ام ال (html) در این ماژول قصد داریم تا عکسی را به یک لینک تبدیل کنیم. برای این منظور کد زیر را وارد ویرایشگر متن خود می کنیم: <!DOCTYPE html> <html> <head> ...
نحوه لینک دادن به یک ایمیل در اچ تی ام ال (html) فرض کنیم که در سایت خود مقاله ای نوشته ایم و از بازدیدکنندگان می خواهیم که برای ارتباط با نویسنده مقاله روی عبارتی همچون Contact کلیک کرده تا ...
لینک دادن به بخشی خاصی از صفحات دیگر در اچ تی ام ال (html) در این قسمت از آموزش می خواهیم ببینم که به چه شکل می توان نه تنها به یک صفحه دیگر در اچ تی ام ال (html) ...
طراحی دکمه برو به بالا در صفحات اچ تی ام ال (html) شاید بسیاری از سایت ها را دیده باشیم که وقتی وارد صفحه ای می شویم که خیلی طولانی است، پایین صفحه دکمه ای طراحی کرده اند تحت عنوان ...
لینک دادن به بخش های مختلف یک صفحه اچ تی ام ال (html) علاوه بر لینک دادن به دیگر صفحات سایت و همچنین دیگر وب سایت ها، می توان به بخشی دیگر از یک صفحه هم لینک داد که در ...
لینک دادن به دیگر سایت ها از درون صفحات اچ تی ام ال (html) گاهی اوقات برای ما پیش می آید که نیاز داریم از درون سایت خود به سایت دیگری لینک دهیم. در اینگونه مواقع می بایست از لینک ...
لینک دادن به دیگر صفحات اچ تی ام ال (html) همانطور که قبلاً توضیح داده شد HTML مخفف واژگان Hypertext Markup language است. گفتیم که منظور از Hypertext این است که Text یا متن در این زبان کاری فرای نمایش ...
آشنایی با تگ map در زبان اچ تی ام ال (html) با استفاده از این تگ می توان بخشی هایی از یک تصویر را به نقاط قابل کلیک مبدل ساخت تا کاربر با کلیک بر روی آن نقاط به آدرسی ...