هایپر لینک ها ستون فقرات وب هستند. آنها وسیله ای برای برقراری ارتباط میان یک بخش از اطلاعات با بخش دیگر از اطلاعات (به عنوان نمونه یک صفحه) می باشند. اگر شما دو صفحه وب طراحی کرده اید، به وسیله هایپر لینک می تواند از یک صفحه به صفحه دیگر بروید. همچنین اگر یک صفحه وب طولانی طراحی کرده اید، می توانید ...

دو عنصر جدید در html5 عبارتند از:FIGURE و FIGCAPTION عنصر اول، FIGURE برای استفاده در عناصری مانند تصاویر و سایر عناصر گرافیکی مناسب است، در حالیکه عنصر دوم FIGCAPTION، برای معرفی تصویر مورد نظر بکار برده می شود. مثال: در مثال فوق، تگ img توسط دو تگfigure احاطه شده است. سپس تگ figcaption در زیر تصوی...

شما می توانید در صورت تمایل در قسمت های مختلف صفحه، تصویر پشت زمینه ایجاد نمایید. ویژگی css برای این کار background-image می باشد. برای مقدار، آدرس محل قرار گیری عکس به ویژگی نسبت داده می شود. آدرس در میان پرانتز ها و بعد از کلمه url قرار می گیرد: }BODY ;(background-image: url('my_image.gif' { قواعد...

در اطراف تصاویر، می توان حاشیه های زیبایی ایجاد کرد. حاشیه ها انواع مختلفی دارند که می توان به دلخواه آنها را انتخاب نمود، اما همه آنها توسط تمامی مرورگرها پشتیبانی نمی شوند. تنظیماتی که برای ایجاد حاشیه بکار می روند عبارتنداز: نوع حاشیه: border-style صفحات حاشیه: border-width رنگ حاشیه: border-colo...

برخی از ویژگی های تگ img که در نسخه قبلی html استفاده می شد، اکنون منسوخ شده اند. یکی از پر کاربردترین این ویژگی ها چینش تصاویر بود که می توانستید یکی از مقادیر زیر را برای چیدمان تصویر در صفحه انتخاب نمایید: Absbottom، Absmiddle، Bottom، Middle، Left، Right، Texttop، Topبنابراین ویژگی چینش تصویر به...

قبل از شروع این درس، اطمینان حاصل کنید که فایل های تصویر مربوطه را که قبلا دانلود کرده اید در پوشه york_images قرار دهید. اگر فایل ها را تا کنون دریافت نکرده اید از این قسمت قابل دریافت هستند. در html5، تراز کردن عناصر با استفاده از Css صورت می گیرد. چنانچه فقط به تراز چپ، راست و یا مرکز احتیاج داری...

زمانی که از img استفاده می کنید، در واقع از یک تگ html استفاده کرده اید. قسمت src یک ویژگی نامیده می شود. ویژگی های بسیاری وجود دارند که می توان از آنها در تگ img استفاده کرد. ویژگی های تگ img در html5 شامل موارد زیر هستند:ARTSRCHEIGHTWIDTHUSEMAPISMAP در نسخه قبلی html، ویژگی های زیر قابل استفاده بو...

در جلسه قبلی با نحوه آدرس دهی نسبی آشنا شدید. در این جلسه تمرینات عملی راجع به این موضوع خواهیم داشت. در کاوشگر ویندوز به مسیری که فایل های html خود را ذخیره کرده اید بروید. فایل پوشه ای به نام html ایجاد کرده بودیم. درون پوشه html، دو پوشه جدید ایجاد کنید. یکی از آن ها را images و دیگری را pages نا...

بعد از فایل تصویری شما با فرمت GIF یا JPEG آماده شد، زمان درج آن در وب سایت فرا رسیده است. این کار توسط تگ IMG در html امکان پذیر می باشد. تگ img به صورت زیر نوشته می شود: تگimg تگ پایانی ندارد و لازم نیست که به صورت زیر نوشته شود: img از کلمه image و src از کلمه source بر گرفته شده است که محل فایل ...

همانطور که به خاطر دارید، درباره پسوندهای فایل در ابتدای دوره توضیحاتی داده شد. حال می خواهیم با دو پسوند جدید آشنا شویم: JPEG و GIF. همانطور که صفحات وب و فایل های متنی دارای پسوند فایل می باشند، تصاویر پسوند مخصوص خود را دارند. پسوندهای بسیار زیادی برای تصاویر وجود دارند، دو تا از مهمترین پسوندها ...

استایل های خطی فایل متنی html که در ابتدای دوره ایجاد کرده بودید را باز کنید. بر روی منوی File->Seve As کلیک کنید. فایل را با عنوان جدید newpage.html ذخیره کنید. فراموش نکنید که قبل از کلیک روی دکمه ذخیره، آیتم Save As Type را به All Files تغییر دهید. متن را برای عنوان صفحه در تگ Title وارد کنید. یک...

نحوه استفاده از کلاس های CSS و انتخاب گرهای ID تا اینجا طریقه تنظیم کردن صفحات استایل دهی را یاد گرفته اید و می دانید که اگر یک انتخاب گر html تنظیم کنید، تمام تگهای html از آن نوع به مقدار ویژگی که شما تعیین کرده اید، تغییر می یابند. بعنوان مثال اگر html به صورت زیر داشته باشید: در این صورت متن تما...

استایل ها در سه محل می توانند قرار بگیرند: خطی، جاسازی شده در فایل html و در فایل خارجی. استایل دهی خطی: می توانید یک تک استایل را مستقیما در تگ های html قرار دهید. این روش استایل دهی خطی نام دارد. استایل های خطی بر سایر خط ها اولویت دارند. مثال: برای جایگذاری استایل در تگ html، به روش زیر عمل کنید:...

قواعد CSS به مرورگر می فهماند که ظاهر یک صفحه html چگونه باشد و چه کاری انجام دهد. یک قاعده css، مشخص می کند که یک تگ html چه شکلی داشته باشد و یا می توانید قواعد خود را برای بکار بردن در قسمتهای مختلف ایجاد کنید. به عنوان مثال، می توان قاعده ای تنظیم کرد که به مرورگر بگوید که تمام تگهای چگونه تنظیم...

مقدمه ای بر صفحات قالب بندی آبشاری html ابزاری برای طراحی گرافیک صفحه نیست، بلکه روشی آسان برای نمایش متن در مرورگر است، مانند روشی که واژه پرداز word متون در صفحه نمایش می دهد. تگ ها طی سالیان سال اضافه شدند تا رنگ و روی به یک صفحه ساده (که در ابتدا طوسی رنگ بود) برسند. به مرور عناصری مانند تصاویر،...

می توانیم به کمک html یک لیست سر خط دار در صفحه ایجاد نماییم. دو نوع لیست وجود دارد: لیستهای مرتب و لیستهای نا مرتب (ordered lists and unordered list) لیست مرتب لیستی است که از اعداد، حروف، اعداد یونانی و یا ترکیبی از آنها استفاده می کند. به صورت زیر: لیستهای نامرتب از بالت استفاده می کنند، به صورت ...

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

اگر تا بحال از یک نرم افزار واژه پرداز مانند word استفاده کرده باشید، می دانید که برای شروع یک پاراگراف جدید کافیست که از کلید Enter استفاده کنید. اشاره گر ماوس به ابتدای خط بعد می رود و منتظر تایپ می ماند. در html این کار امکان پذیر نیست. اگر می خواهید یک پاراگراف جدید شروع کنید، باید از تگ استفاده...

مشاهده در مرورگر برای مشاهده نتیجه، در ویندوز به مسیر فایل ذخیره شده بروید. (مسیر html که قبلا ساخته بودیم). همانطور که در تصویر فوق مشاهده می کیند، یک فایل به نام firstwebpage.html موجود است. بر روی فایل html دوبار کلیک کنید تا مرورگر پیش فرض اجرا شود. مرورگر پیش فرض ما فایرفاکس می باشد. ممکن است م...

یک صفحه وب چیست؟ ذخیره صفحه وب برای ذخیره کدهای نوشته شده در قالب یک صفحه ، بر روی منوی File در بالای نرم افزار Notepad کلیک کرده و گزینه Save As را انتخاب نمایید. پنجره SaveAs نمایان خواهد شد. (یک پوشه جدید به نام HTML برای ذخیره تمام صفحات خود ایجاد کرده ایم). به پسوند پیش فرض در پائین این پنجره ت...