عضویت در سایت

ورود

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

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

ورود

عضویت در سایت

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

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

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

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

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

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

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

آموزش HTML – پانزدهم(مفهوم id و class)

سلام

با پانزدهمین جلسه از آموزش HTML در خدمتتون هستم، در جلسه قبل با تگ پرکاربرد div آشنا شدیم، حالا در این قسمت می پردازیم به مفهوم کلاس و آیدی که یکی از مهمترین بخش ها در HTML و همچنین در CSS می باشد.

گفته بودیم در جلسات قبل که برای استایل دهی عناصر و تگ های موجود در صفحه از style استفاده می کردیم، مثل:

که به این روش می گفتیم استایل درون خطی، در بعضی مواقع هم در مثل مثال زیر نام تگ می نوشتیم و بهش استایل میدادیم:

حالا دیگه میخوایم کارمون راحت تر کنیم، به این صورت که برای هر تگی که در صفحه استفاده می کنیم براش یک نام(آیدی) انتخاب می کنیم و این نام در css صدا میزنیم و کدهای Css براش می نویسیم، برای مثال من یک تگ div تعریف میکنم به این صورت:

مطلب پیشنهادی:  آموزش HTML - قسمت ششم(کدنویسی و فرمول نویسی)

در کد بالا یک div تعریف کردیم و بهش id دادم و نام id رو گذاشتم id1، حالا کافیه من بیام داخل قسمت css و id1 رو اینجوری صدا بزنم و شروع کنم به نوشتن کدهای css:

قبل از نوشتن نام id باید علامت # بذاریم و داخل آکولاد کدهای خودمون رو بنویسیم.

برای نام گذاری id باید به چند نکته توجه داشته باشید:

  • نام آیدی نیمتواند با عدد شروع شود.
  • نام آیدی نمیتواند با کاراکترهای خاص مثل $%^*( و امثال اینها شروع شود.
  • نام آیدی حتما باید با حرف شروع شود، بعد از حروف میتوانید از عدد نیز در نامگذاری استفاده کنید.
  • نام آیدی برای هر تگ منحصر به فرد است و نمیتونید برای چند تگ از یک آیدی استفاده کنید.

یک مثال دیگه برای id اینبار برای تگ span:

مطلب پیشنهادی:  تگ های HTML - تگ center

حالا بعضی مواقع پیش میاد که برای چند تگ میخواید یک استایل ثابت داشته باشید، مثلا چند تا div داریم و میخوایم رنگ پس زمینه ی همشون آبی باشه، دیگه نیمتونیم بیایم برای همه div ها آیدی یکسان بزاریم اینجاست که کلاس به کمک ما میاد و میتونیم با کلاس برای چند آیدی یک استایل ثابت بنویسیم. پس فرق بین آیدی و کلاس را متوجه شدید؟!

تمامی قواعد نامگذاری که برای آیدی گفته بودیم برای کلاس هم هست، برای صدا زدن کلاس در css قبل از نام کلاس از . استفاده می کنیم.

مطلب پیشنهادی:  آموزش سیستم عامل DOS - قسمت چهاردهم(Disk Cleanup)

در کد بالا برای تمامی div ها از کلاس یکسان استفاده کردیم و کدهای Css را نوشتیم.

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

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

موفق باشید.

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

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

دنبال کردن

ارسال نظر

رفتن به بالا

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

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

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