مثال ,عنصر ,inline ,عناصر ,طراحی ,عناصر inline ,آنها استایل ,آموزش طراحی

آموزش طراحی وب سایت

با سلام خدمت خوانندگان وب سایت لیزارد وب، قسمت دوازدهم آموزش طراحی وب سایت را شروع می کنیم. کمی با تگ های inline   و block  آشنا شدیم. اما حالا می خواهیم دقیق تر با آنها آشنا شویم و به آنها استایل بدهیم.

تشخیص عناصر inline

ساده ترین روش تشخیص یک عنصر inline   از  blockاین است که  عنصر inline درون یک عنصر دیگر قرار می گیرد. یک مـثال فیزیکی برای این مسئله این است که شما می توانید درون یک جعبه یک عکس یا چندین عکس را قرار دهید اما درون یک عکس نمی توان چندین جعبه را قرار داد.
از لحاظ فیزیکی نیز این امر امکان پذیر نیست. یک مثال خوب برای این موضوع span  است که می تواند گروهی از کلمات را به هم مربوط کند و به آنها استایل دهد:

BUBBLE UNDERIS A GROUP OF DIVING
ENTHUSIASTS BASED IN THE SOUTH-WEST UK WHO MEET UP FOR DIVING
TRIPS IN THE SUMMER MONTHS WHEN THE WEATHER IS GOOD AND THE
BACON ROLLS ARE FLOWING. WE ARRANGE WEEKENDS AWAY AS SMALL
GROUPS TO CUT THE COSTS OF ACCOMMODATION AND TRAVEL AND TO
ENSURE THAT EVERYONE GETS A TRUSTWORTHY DIVE BUDDY.

مثال های دیگری برای عناصر درون خطی:
•    em
•    Strong
•    Cite
•    a
به مثال بالا یکبار دیگر نگاه کنید، هر یک از عناصر inline بالا می توانند به جای تگ span در پاراگراف قرار گیرند

ادامه

منبع : www.lizard-webdesign.com

منبع اصلی مطلب : Lizard Web Design
برچسب ها : مثال ,عنصر ,inline ,عناصر ,طراحی ,عناصر inline ,آنها استایل ,آموزش طراحی
اشتراک گذاری: این صفحه را به اشتراک بگذارید

پو اس ام اس : آموزش طراحی وب سایت ، قسمت دوازدهم