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

تبلیغات


تگ فریم Frame , iFrame , Frameset

  • 20 تیر 1394
  • 1600
تگ frame

تگ <frame> در  HTML5 پشتیبانی نمیشود. برای هر تگ frame در تگ frameset میتوانید ویژگیهای مختلفی را تعریف کرد.

تگ <frame> در  HTML4 ویژگیهای استاندارد زیر را پشتیبانی میکند.

  • class
  • id
  • style
  • title
<frameset cols="25%,50%,25%" <frame src="frame_a.htm" <frame src="frame_b.htm" <frame src="frame_c.htm"</frameset

تگ frameset

تگ <frameset> یک قاب تعریف میکند. تگ <frameset> در  HTML5 پشتیبانی نمیشود.

تگ iframe

با تگ<iframe> میتوان فریم های درون خطی ایجاد کرد. تگ iframe هنوز در html 5 پشتیبانی میگردد.


<iframe src="http://www.bia2skin.ir"</iframe

برچسب ها: تگ frame, تگ frameset, تگ iframe, تگ فریم, تگ frame چیست, تگ frameset چیست, تگ iframe چیست, تگ فریم چیست, تگ فریم در اچ تی ام ال, تگ فریم در html, تعریف قاب در اچ تی ام ال, تعریف قاب در html, لود صفحه ای در صفحه ی سایت با تگ فریم, آموزش تگ iframe

  • 68

تگ جدول بندی Table , Td , Tr

  • 20 تیر 1394
  • 1558
تگ <table>

 تگ table برای تقسیم بندی متن به چند بخش و جدول بندی سایت استفاده میشود.

این تگ مانند تگ div برای قالب سایت ، استفاده میشود ، ولی به دلیل حجیم بودن تگ های مورد استفاده در  تگ table و تگ td و تگ tr، و نیز انعطاف پذیری کم آن ، پیشنهاد میشود که از  تگ div استفاده کنید.




 تگ table همچنین ویژگی های عمومی در HTML  را پشتیبانی میکند. این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.


برچسب ها: تگ div, تگ table, تگ جدول بندی, تگ tr, جدول بندی سایت چگونه است, تگ table چیست, تگ tr چیست, تگ td چیست, table, tr, td, تگ های جدول در اچ تی ام ال, جدول کشی در html, آموزش تگ table, تگ جدول تگ td, جدول بندی سایت

  • 0

تگ گروه بندی Fieldset , Legend

  • 20 تیر 1394
  • 1219
تگ گروه بندی Fieldset , Legend

تگ Fieldset برای گروه بندی در فرم ها بسیار کاربرد دارد. این تگ در Asp.net معادل سروری کنترل Panel می باشد. برای تعیین عنوان یک گروه از تگ Legend در ابتدای تگ Fieldset استفاده می گردد.

نکته ی مهم : در صورت استفاده ننمودن از کدنویسی سروری برای کنترل های Asp.net توصیه اکید می شود که از تگ های معادل آنها استفاده شود. بطور مثال بجای استفاده از کنترل Asp:Panel از تگ Fieldset و Legend استفاده شود. زیرا در نهایت کنترل های Asp.net به تگ های Html خالص تبدیل شده و برای جلوگیری از این سربار اضافه از تگ های مستقیم آنها استفاده نمایید.

مزیت دیگر این روش کنترل بهتر آنها در Style آنها بوسیله Css می باشد که کنترل های Asp.net بعضا در این مورد مشکل زا هستند.

 

نمونه ای از کاربرد تگ Fieldset و Legend را در مثال زیر می بینید:



 

خروجی کد زیر بصورت زیر است :

عنوان گروه

این متن تست است.

این متن تست شماره 2 است.

 

خصوصیت اصلی :

خصوصیت اصلی تگ Legend خصیصه ی Align یا تراز می باشد که محل قرار گیری عنوان را در این تگ تعیین میکند.

مقدار هایی که این خصوصیت می پذیرد عبارتند از :  Top , Bottom , Left , Right

مثالی در این زمینه :




خروجی کد زیر بصورت زیر است :

عنوان گروه

این متن تست است.

این متن تست شماره 2 است.

 که در این مثال همان طور که می بینید تراز و محل قرار گیری عنوان گروه در سمت چپ قرار گرفته است.


برچسب ها: تگ گروه بندی, تگ Legend, تگ Fieldset, گروه بندی فرم, کنترل Panel, کنترل Panel در asp, تراز بندی تگ fieldset, legend, تگ Legend چیست, تگ Fieldset چیست, تگ گروه بندی, فرم گروه بندی در اچ تی ام ال, گروه بندی در html, گروه بندی, آموزش تگ های legend و fieldset

  • 0

تگ لیست Ul , Li

  • 20 تیر 1394
  • 1227
تگ <ul>

یکی دیگر از مهمترین تگهای اچ تی ام ال در طراحی قالب سایت ، تگ ul و ترکیب آن با تگ li می باشد.

از تگ ul و ترکیب آن با تگ li برای ایجاد لیست های مرتب و نا مرتب استفاده میشود.

از آموزش css  برای فرمت دادن به تگ <ul> و تگ <li> میتوانید استفاده کنید.




تگ <ul> همچنین ویژگی های عمومی در HTML  را پشتیبانی میکند.این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.


برچسب ها: تگ ul, تگ li, تگ لیست در html چیست, تگ لیست, تگ لیست چیست, آموزش تگ لیست, تگ ul چیست, تگ li چیست, تگهای ul li, لیست های مرتب, لیست های مرتب در اچ تی ام ال, لیست های نامرتب در html, تگ لیست در اچ تی ام ال

  • 0

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

  • 20 تیر 1394
  • 1225
تگ 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

  • 0

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

  • 20 تیر 1394
  • 1282
تگ 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

  • 0

تگ لینک ( a )

  • 20 تیر 1394
  • 1443

 تگ لینک ( a )

تگ لینک یا تگ <a> برای ارتباط بین صفحات وب و یا ایجاد لنگر در داخل صفحه، در سایت به کار میرود.

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

< a   Properties ="Value"  ....  >    محتوا   </ a >[/code]

نکته ی مهم در استفاده از تگ <a> اینست که در بخش محتوا می توان غیر از متن از تصویر و یا المنت های دیگر نیز استفاده نمود.

مهمترین خصوصیات <a> به صورت زیر می باشد :

 

 خصوصیت  مقادیر و توضیح مختصر
 href آدرس صفحه ای که میخواهیم با کلیک بر روی محتوا مرورگر به آن برود.
target طریقه ی باز شدن لینک در مرورگر
name نام لنگرگاه برای پرش به قسمتی از صفحه

 

 خصوصیت Href : این خصوصیت مهمترین خصوصیت تگ a می باشد که با مرورگر پس کلیک بر روی محتوای لینک به آدرسی که در این خصوصیت قرار میگیرد می رود. بطور مثال :

 

< a  href="http://bia2skin.ir" >کلیک کنید </ a >< / br >< a   href="http://bia2skin.ir/" > <img   src="/files/UploadFile/1.jpg"   /> </ a >[/code]

همانطور که مشاهده می نمایید در بخش محتوای تگ لینک <a> می توان از عکس نیز استفاده نمود تا در صورت کلیک بر روی عکس ، عکس به صورت لینک کار کند و به آدرسی که در href گفته شده نقل مکان نمود.


برچسب ها: تگ, تگ a, تگ لینک, تگ لینک چیست, آموزش تگ لینک, لینک گذاشتن در سایت, تگ a چیست, خصوصیت href, آموزش تگ a, خصوصیت target, خصوصیت name در لینک, مهمترین خصوصیت تگ a, عکس بصورت لینک در سایت, طریقه ی لینک دار کردن متن در سایت, تگ a در اچ تی ام ال, تگ لینک در اچ

  • 0

تگ عکس Img

  • 20 تیر 1394
  • 1444
تگ عکس img

یکی از مهمترین و پر استفاده ترین تگ ها در HTML تگ img یا عکس می باشد.

با استفاده از این تگ شما میتوانید عکس دلخواهی را در صفحه ی HTML قرار داده و آنرا با اندازه و شکل دلخواهی نمایش دهید.

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

<img    Propertys="values"   ...  />

مهمترین خصوصیات <img> بصورت زیر است:

 

 خصوصیت  مقادیر و توضیح مختصر
 src
آدرس عکس در فضای وب 
alt متن جایگزین متن
width عرض تصویر به پیکسل
height ارتفاع تصویر به پیکسل
border مقدار پیکسل حاشیه (پیش فرض صفر)
usemap نام شناسه ی نقشه ی تصویر متصل به عکس

 

خصوصیت Src : در این خصوصیت که اصلی ترین خصوصیت تگ <img> می باشد ، آدرس تصویر آپلود شده در فضای اینترنت قرار میگیرد. 

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

ساده ترین مثال از استفاده ی تگ img :

<img   src="http://bia2skin.ir/administrator/files/UploadFile/1.jpg"   />

 

خصوصیت Alt : خصوصیت Alt یا Alternate Image ، خصوصیتی مهم می باشد که برای متن جایگزین تصویر به کار می رود.

در حالت پیش فرض در صورت اشتباه بودن آدرس و لود نشدن تصویر در مرورگر اکسپلورر علامت ضربدر را برای عکس نمایش میدهد (در مرورگرهایی مثل اپرا علامت ضربدر نیز نمایش داده نمی شود).

حال با استفاده از خصوصیت alt برای تگ img میتوان در صورتی که آدرس عکس اشتباه و یا عکس نتواند لود شود ، متنی را به کاربر نشان دهیم.

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

اهمیت ویژه ی این خصوصیت برای موتورهای جستجوگر می باشد که در بخش Seo به آن می پردازیم. به طور خلاصه اینکه موتور های جستجوگر قادر به خواندن عکس نمی باشند و از طریق این خصوصیت به محتوای عکس قرار داده شده مطلع می گردند.

توصیه ی اکید میشود که برای تمامی عکس ها از این خصوصیت استفاده نمایید.

<img   src="administrator/files/UploadFile/1.jpg1"   alt="عکس "   />

 

خصوصیات width , height , border : بصورت پیش فرض تگ img نمایش عکس ها را به اندازه ی اصلی عکس و بدون خط حاشیه نمایش میدهد. در صورتی که بخواهید تصویر را در سایز دلخواه و با خط حاشیه نمایش دهید از این خصوصیات استفاده نمایید. بطور مثال :

<img   src="administrator/files/UploadFile/1.jpg"   alt="عکس"  width="100"    height="100"   border="2"   />


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

 

خصوصیت Usemap : این خصوصیت برای استفاده از عکس محدوده ای با استفاده از تگ های map و area می باشد. در بخش عکس محدوده ای map , area میتوانید نحوه ی کاربرد آنرا مشاهده نمایید .


برچسب ها: تگ عکس, تگ تصویر, تگ img, تگ image, تگ picture, لینک در اچ تی ام ال, لینک در html, تگ map, تگ area, تگ img چیست, آموزش تگ img, عکس گذاشتن در اچ تی ام ال چگونه است, عکس گذاشتن در html, خصوصیت src در تگ img, خصوصیت usemap در عکس, خصوصیت Alt, خصوصیت Alt چیست

  • 0

فرمت دهی B , Hr , Sub , Sup , Center

  • 20 تیر 1394
  • 1243

 تگ Center :

متن داخل تگ center بصورت تراز وسط نمایش داده می شود. توصیه میشود به جای استفاده از این تگ ، در صورت امکان از کدهای Css برای قالب دهی و تراز بندی متن ها استفاده شود.

دلیل این امر کم حجم نمودن کدها و در نتیجه سرعت بالاتر و نیز سهولت در تغییرات احتمالی قالب و فرمت سایت میباشد.

مثالی در استفاده از این تگ :




خروجی این کد بصورت زیر می باشد :

متن تست با تراز پیش فرض

متن تست با تراز وسط چین

 

تگ B :

متن داخل تگ B بصورت توپر شده نمایش داده می شود . این تگ نیز همانند تگ Center بهتر است از معادل های آن در Css استفاده شود.

مثالی در این زمینه ی تگ B :




خروجی کد بالا بصورت زیر می باشد که کلمه ی تست بصورت بولد شده نمایش داده می شود :

این متن تست می باشد.

 

تگ Hr :

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

مثالی در این زمینه :



خروجی به صورت زیر می باشد :

این متن


تست است

 

تگ های Sub و Sup :

متن داخل تگ sub و تگ sup بصورت اندیس (sup) و یا زیرنویس (sub) در می آید. شکل کلی آن بصورت زیر است :

<p> این متن <sub> تست</sub> می باشد. </p>

<p> این متن <sup> تست </sup> می باشد. </p>

خروجی بصورت زیر می باشد :

این متن تست می باشد.

این متن تست می باشد.


برچسب ها: تگ Center, تگ, Sup تگ Sub, تگ Hr, تگB, Center, Sup, Sub, Hr, تراز وسط, زیرنویس کردن نوشته, بالا نویس کردن نوشته, خط کشیدن بین پاراگراف, ضخیم کردن نوشته, تگ Center چیست, تگ Sup چیست, تگ Sub چیست, تگ Hr چیست, آموزش تگ Center, متن بولد در اچ تی ام ال

  • 0

تگ های پاراگراف P , Br

  • 20 تیر 1394
  • 1078
تگ های پاراگراف P , Br

تگ های پاراگراف P , Br برای تراز بندی متون و جملات درون صفحات کاربرد زیادی دارند.

 

تگ P یا پاراگراف :

متن داخل این تگ بصورت یک پاراگراف در نظر گرفته می شود. در صورت ایجاد یک پاراگراف یا تگ P جدید ، پاراگراف بعدی به سطر بعد می رود.

بطور مثال :


 

خروجی بصورت زیر می باشد :

متن تست است.

متن تست شماره 2.

 

تگ Br :

تگ Br در نقش enter در ورد می باشد بدین صورت که خط جدیدی درون پاراگراف ایجاد میکند و نوشته ی بعد از آن را به سطر جدید می برد .

بطور مثال :




خروجی بصورت زیر می شود :

این متن
تست است.

 

نکته 1 : استفاده ی زیاد از این تگ مناسب نیست و بهتر است با استفاده از تگ P عمل انتقال به خط جدید انجام گردد ، دلیل اصلی آن کند نمودن سایت در استفاده های زیاد از این تگ می باشد.

نکته 2 : این تگ بصورت یکه استفاده میشود و تگ پایانی ندارد.



برچسب ها: تگ پاراگراف, تگ Br, تگ P, پاراگراف, enter در html, تگ p چیست, آموزش تگ P, آموزش تگ br, عدم استفاده از br, تگ br در اچ تی ام ال, تگ Br چیست, تگ P یا پاراگراف

  • 0

تگ عنوان H1 - H6

  • 20 تیر 1394
  • 1239
تگ عنوان H1 - H6 :

تگ های هدر یا تگ های عنوان از جمله مهمترین تگ ها برای جستجوگر های وب می باشد که توجه ویژه ای به عناوین داخل آنها دارند.

تگ های H1 تا H6 به ترتیب از H1 بزرگترین استایل تا آخر می باشد که درجه ی اهمیت آنها هم به همین میزان است.

نکته ی مهم : سعی کنید در صفحاتتون Title نوشته شده در بخش header سایت را در محلی مشخص در بالای صفحه بین تگ H1 قرار بدهید.

نحوه ی استفاده از آن بصورت زیر است :


 

خروجی قطعه کد زیر بصورت زیر می باشد :

 

عنوان شماره 1

عنوان شماره 2

عنوان شماره 3

عنوان شماره 4

عنوان شماره 5
عنوان شماره 6

 

نکته : اندازه و نوع فونت بصورت پیش فرض به صورت بالا قرار میگیرد ، اما در صورت دلخواه میتوانید نوع و اندازه و خصوصیات ظاهری دیگر تگ های عنوان (h1 - h2) را با استفاده از Css تغییر دهید.



برچسب ها: تگ H1, تگ H2, تگ H3, تگ H4, تگ H5, تگ H6, تگ عنوان, تگ های عناوین, تگ های H, تگ عنوان چیست, مهمترین تگ در سئو, آموزش تگ های H, تگ های h چه کاربردی دارند, تگهای h1 تا h6, استایل برای تگ های H, تگ H1 چیست

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