عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1170 آموزش و 2020 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

مشاوره حرفه ای دریافت کن
بلاگ
مقالات آموزشی

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش HTML – قسمت چهاردم(آشنایی با تگ div)

سلام

تا به این جای کار سیزده قسمت آموزشی در رابطه با HTML قرار دادیم و با چهاردمین جلسه از آموزش HTML در خدمتتون هستیم. در این جلسه می پردازیم به عنصر پرکاربرد و مهم div.

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

  • نمونه تگ <div>

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

  • استایل ها در تگ <div>

در تگ div به سه روش میتونیم استایل دهی کنیم:

۱- استایل درون خطی  ۲- استفاده از کلاس  ۳- استفاده از آی دی

۱- استایل درون خطی:

مانند تگ های <h> و <span> و .. که میتونستیم ، استایل درون خطی بدیم در div هم میتونیم همین کار انجام بدیم:

در کد بالا یک تگ div باز کردیم و استایل درون خطی بهش دادیم (رنگ پس زمینه را سیاه و رنگ فونت را سفید کردیم) ، کد بالا را در یک فایل HTML بنویسید و نتیجه را مشاهده کنید.

می بینید که در خروجی هیچ چیزی نمی بینید! در واقع ما با تگ <div> بالا برای خودمون یک بخشی از صفحه را تقسیم کردیم و استایل دادیم، حالا میتونید داخل تگ div هر چی(اعم از متن،جدول،عکس و …) قرار بدید.

مطلب پیشنهادی:  آموزش گرفتن بیت کوین رایگان

حال کد بالا را ذخیره و نتیجه را ببینید

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

استایل دهی با استفاده از کلاس و آی دی را میزاریم برای قسمت بعد.

سوال داشتید در سایت بپرسید ، پاسخگوی سوالات شما هستیم.

با ما باشید تا آموزش های بعدی …

مطلب پیشنهادی:  معرفی ربات تلگرام تبدیل فایل به PDF

موفق باشید.

درباره احمد آخوندیمدیر سایت

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

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