تبلیغات
گالری عکس

تبلیغات


تگ محدوده فضا Div

  • 20 تیر 1394
  • 1011
تگ div

تگ div از پر کاربردترین تگ ها در طراحی وب سایت میباشد، این تگ جایگزین بسیار خوبی برای تگ <table> میباشد. تگ table  دارای تگ های اضافه زیادی  از جمله تگ <td>  و تگ <tr> میباشد.

نکته : استفاده از تگ table در طراحی سایت پیشنهاد نمیشود و بهتر است از چینش موزائیکی در طراحی سایت ، بوسیله ی تگ div ، استفاده شود.

کاربردهای تگ div

  • شما میتوانید یک سند HTML را به بخش یا بخشهای مختلفی تقسیم بندی کنید.
  • زمانیکه میخواهید به گروهی از تگ ها یک style  در css اضافه کنید میتوانید تمام این تگ ها را در داخل تگ <div> قرار دهید ، سپس به آن تگ <div> ، استایل مورد نظر خود را اعمال کنید با این روش تمام تگ هایی که در داخل تگ <div> میباشند از این استایل ارث میبرند.

 در مثال زیر  تگ <h3>  و  تگ <p>  ، استایل تگ <div>  را ارث میبرند. 





برچسب ها: اچ تی ام ال, html, کدهای html, کاربردهای تگ div, تگ div, چینش موزائیکی, تگ محدوده فضا, تگ div چیست, جایگزین table, طراحی قالب با div, مزایای استفاده از div, div, طراحی قالب دایو, طراحی div base, div base, ارث بری از تگ div, آموزش تگ div

تگ محدوده متن Span

  • 20 تیر 1394
  • 1003
تگ span

تگ span برای متن های کوتاه استفاده می شود. ولی ترجیحا از این تگ بهتر است استفاده نشود.

زمانیکه شما از تگ span استفاده میکنید ، میتوانید از ویژگی های  CSS  یا javascript  برای این تگ استفاده کنید. تگ span ، در واقع همان کنترل Label در asp.net میباشد.

این تگ به صورت کلی زیر به کار میرود :




 Global Attributes in HTML

در استفاده از این تگ شما میتوانید از ویژگی های عمومی  (Global Attributes)  استفاده کنید. که در بخش ویژگی های عمومی در HTML  به طور کلی در مورد آن توضیح داده ایم.


Event Attributes

همچنین میوانید از رویدادهای (Event Attributes) استفاده کنید.



برچسب ها: اچ تی ام ال, html, کدهای html, تگ span, تگ Label, span, تگ محدوده متن, تگ متن های کوتاه, معادل label در اچ تی ام ال, معادل label در html, تگ متن, کاربرد تگ span, تگ span چیست, آموزش تگ span

تگ های HTML

  • 20 تیر 1394
  • 1315

تگ های HTML


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




تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .

 

انواع تگ های Html :

توجه داشته باشید که شکل گفته شده در بالا به صورت استاندارد می باشد. اما در HTML سه نوع تگ وجود دارد :

  1. تگ‌های یکه. مانند ‎<HR>‎ که خط رسم می‌کند.
  2. تگ‌هایی که شروع و پایان دارند. مثل: ‎<head></head>‎
  3. تگ‌هایی که دارای ویژگی می‌باشند. مثل:



 توجه 1 : تگ های یکه را میتوان به دو شکل نوشت که حالت دوم آن استاندارد می باشد :




نکته 1 : تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .

نکته 2 : هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .

 

خواص تگ های HTML :

هر تگ اچ تی ام ال دارای مجموعه از خواص است که ويژگی های مختلف آنها را تعيين می کند . هر يک از اين خواص را می توان در درون تگ ابتدايي معرفی و مقدار دهی کرد . خواص تگ ها را با علامت = مقدار دهی میکنیم و مقدار آن خاصیت را داخل " " قرار داده میشود. بصورت زیر :




تگ p برای ایجاد پاراگراف می باشد و خاصیت Border برای تگ آن حاشیه ای ایجاد میکند. این مثال صرفا جهت آشنایی با طریقه ی نوشتن خواص تگ ها می باشد و در ادامه به معرفی تگ ها و خواص عمومی آنها می پردازیم .

در صورتی که برای تگی بخواهیم از چندین خواص استفاده کنیم انها را با فاصله (Space) از هم جدا میکنیم :





برچسب ها: Tag, اچ تی ام ال, html, تگ تگ های html, تگ های اچ تی ام ال, تگ html, انواع تگ های اچ تی ام ال, کوچک و بزرگی حروف در, html خاصیت تگ, خاصیت تگ های اچ تی ام ال, تگ اچ تی ام ال, تگ های html چه هستند, html tag, انواع تگ های Html, تگ‌های یکه, انواع تگ, خواص تگ

کدهای HTML و چگونگی تولید و اجرای آن

  • 20 تیر 1394
  • 1847
کدهای HTML و چگونگی تولید و اجرای آن

برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .

در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.

توجه 1 : فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد .

بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و ... اجرا نمایید.

کدهای html از یک سری تگ تشکیل شده اند. صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر کد مربوط به تمایش تصویر و جدول و ... کدهای Html مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد.



توجه 2 : نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد
و
یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر
های مختلف است که در این سلسله آموزش های طراحی وب سایت این امر آموزش داده می شود.

برچسب ها: Tag, اچ تی ام ال, html, کدهای, html کدهای اچ تی ام ال, html code, کدهای اچ تی ام ال چه هستند ؟, کد اچ تی ام ال, کدهای html چیست, کدهای اچ تی ام ال چگونه اجرا می شوند, html چطوری کار میکنه, html را کجا بنویسیم, چگونگی تولید اچ تی ام ال, چگونگی تولید html

HTML چیست ؟

  • 20 تیر 1394
  • 1483
HTML چیست ؟

عبارت HTML ( اچ تی ام ال ) مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.

به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.

کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.

HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .

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

 هر یک از کدهای html ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.


یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر عناوین ، تصاویر ، فهرست‌ها ، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ تی ام ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش آموزش Css به طور کامل به آن خواهیم پرداخت.

 امیدواریم در این سلسله آموزش های جامع Html  به درک درستی از اچ تی ام رسیده و پایه ی طراحی سایت را که همان کدهای Html می باشد را به طور درست فراگرفته و به کار ببرید.


برچسب ها: آموزش اچ تی ام ال, آموزش html, اچ تی ام ال به چه درد میخورد, زبان html چیست, مخفف html چیست, کد html چیست, زبان استاندارد طراحی وب, اچتیامال, تگ, html, اچ تی ام ال

تبلیغات
کدهای زیباساز و ابزار
مطالب برتر