آموزش طراحی ‌وب‌سایت – جلسه نهم

دراین جلسه از  آموزش طراحی وب سایت (جلسه نهم) در مورد تگ‌های div و span صحبت خواهیم کرد. در جلسات گذشته با  تگ‌های HTML آشنا شدید و همچنین در مورد محیط برنامه نویسی PHPSTORM صحبت کردیم. اگر جلسه‌های پیشین را مطالعه نکرده‌اید از اینجا آن‌ها را بخوانید. در این جلسه می‌خواهیم در مورد تگ‌های div و Span صحبت کنیم و همچنین با Class در تگ‌ها آشنا شویم. دانستن این اطلاعات برای تمام کسانی که وارد دنیای وب و طراحی سایت شده اند توصیه میشود ، همراه ما باشید .

تگ div :

تگ div مخفف واژه division است. تگ div در بخش body استفاده می‌شود. برای جدا کردن بخش‌های مختلف سایت و استایل دهی به بلاک‌های مختلف صفحه وب می‌باشد. تگ div جز تگ‌های Block-level می‌باشد. در واقع با تگ div بخش‌ مورد نظر خود را می‌توانیم جدا کنیم و تغییرات دلخواه را روی آن اعمال کنیم.

تگ span:

تگ span یک تگ inline است و به کمک آن می‌توانیم یک بخش از خط را استایل دهی کنیم.  معمولا از span زمانی استفاده می‌شود که بخواهیم یک بخش از نوشته را داخل متن برجسته یا متفاوت کنیم. فرض کنید می‌خواهیم در یک پاراگراف یک کلمه را قرمز رنگ و توپر کنیم در این موقع تگ span بهترین گزینه است. در ویدیو مثال آن را مشاهده می‌کنید.

ویژگی Class :

ویژگی class در تگ‌ها مورد استفاده می‌گیرد و به کمک class ها در هر تگی می‌توانیم استایل دهی مخصوصی را اعمال کنیم.  برای این کار باید در تگ مورد نظر ویژگی کلاس را با نامی دلخواه تعریف کنید سپس می‌توانید در تگ Style ویژگی‌های دلخواه CSS را برای کلاس مورد نظر تعریف کنید. در این مورد نیز می‌توانید به ویدیو مراجعه کنید.

آموزش ویدیویی جلسه نهم:

(برای دیدن ویدیو در کیفیت مطلوب کیفیت را روی 720 بگذارید.)

خدمات  زنگ دانش:  آموزش دوره های تخصصی فناوری اطلاعات (برنامه نویسی ، طراحی سایت ، سئو و بهینه سازی سایت)  ، تبلیغات (درشبکه های اجتماعی ) ، مشاوره در حوزه تجارت الکترونیک ، طراحی سایت و سئو بهینه سازی سایت