• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آموزش HTML (قسمت 3) : صفت ها در HTML

40467 ۲۳ شهریور ۹۱
1 2

کار صفت ها چیست؟

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

  • Name : نام صفتی که میخواهید کنترل کنید. مثلا صفت align برای تگ p نحوه چینش متن پاراگراف را کنترل می کند.
  • Value : مقداری است که برای صفت تعیین می شود. مثلا مقدار right برای صفت align در تگ p، باعث راست چین شدن متن پاراگراف می شود. Valueها همیشه باید در داخل کوتیشن ها (double یا single) قرار بگیرند و با علامت = به نام صفت منتسب شوند.

شکل کلی تعریف صفات برای عناصر به این صورت است:

مثال زیر پاراگراف را راست چین می کند:

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

معرفی صفات عمومی

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

class: از این صفت برای نسبت دادن کلاسی که به زبان CSS نوشته شده است به یک عنصر استفاده میشود.

مثال:

dir: جهت گیری متن داخل یک عنصر را کنترل میکند. این صفت دارای دو مقدار است :

  • rtl: برای جهت گیری عنصر از راست به چپ
  • ltr: برای جهت گیری عنصر از چپ به راست

مثال:

نکته : مقدار پیش فرض این صفت ltr است. یعنی در صورت مقدار ندادن به این صفت، جهت گیری عنصر ما به صورت پیشفرض از چپ به راست خواهد بود.
1 2
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 32 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    سلام….
    آموزشتون بسیار بسیار بسیار عالیه…. خدا خیرتون بده…
    یه سوال داشتم…صفت lang یعنی چی؟؟ یه مثال ازش میزنید؟
    یعنی چی که “. شما میتوانید این صفت را برای هر نوع عنصر دیگری که زبان آن غیر از آن چیزی است که در تگ تعریف شده است “؟؟ این fa ,en ,… اینا چی هستن؟؟

    • ‏‏
      لقمان آوند(۲۰ تیر ۱۳۹۲)

      خوب برای اینکه زبان محتوای تگ رو معین کنید این ویژگی استفاده میشه. مثلا یه پاراگراف مثل زیر که محتوای فرانسوی داره :
      <p lang="fr">Ceci est un paragraphe.</p>
      یا این یکی که فارسیه :
      <p lang="fa">این یک پاراگراف است</p>
      یک ویژگی منطقی هست و پیشنهاد میشه برای استفاده از زبان های دیگه در تگی خاص استفاده بشه .

      • ‏‏

        خوب من دقیقا متوجه فایده این صفت نشدم….. اگر این صفت رو نذاریم ، باز هم میشه توی هر عنصر از هر زبانی که خواستیم استفاده کنیم دیگه؟ مگه اینطور نیس؟؟
        در واقع این صفت اختیاری هست؟؟ کاربردش کجاهاست؟؟

        • ‏‏
          لقمان آوند(۲۰ تیر ۱۳۹۲)

          بله . اختیاری هست . ولی در وب معنایی می گن بهتره که استفاده کنی . یعنی تو کدت هم راهنمایی کرده باشی بعضی چیزا رو که مثلا موتورهای جستجو راحتتر بفهمن کد رو .

  • ‏‏

    راستی ، کاش آخر آموزشهاتون ، تمرینی ، مثالی چیزی میذاشتین تا خودمونو تست کنیم ببینیم چقدر یاد گرفتیم!
    اگه اینکارو کنین ممنون میشم

  • ‏‏

    با سلام و تشکر از آموزش های خوبتون
    صفت Id و Class رو اصلا متوجه نمیشم که کاربردشون چیه؟
    میشه ساده تر برام توضیح بدین؟
    ممنون

  • ‏‏
    محمّد حسن مهرآذر(۱۸ مرداد ۱۳۹۲)

    سلام ببخشید در جاهایی شما فاصله قرار دادید ولی در جاهایی ندادید حتما باید به این صورت نوشته بشه؟
    مثلا در عبارت rtl فاصله دادید:’rtl’> این یک پاراگراف راست به چپ است اما در عبارت contenteditable گفتید:’true’>این یک پاراگراف قابل ویرایش است.
    پس این دو تا با هم فرق دارن یعنی در جایی فاصله داده شده ولی در عبارت دیگر نداده شده.

    • ‏‏
      سجاد دریس(۱۸ مرداد ۱۳۹۲)

      سلام.
      نه فرق چندانی ندارن، بودن یا نبودن فاصله هم مهم نیست. فقط برای خوانایی کد، قبل و بعدش یه فاصله گذاشتم.

      • ‏‏
        محمّد حسن مهرآذر(۱۸ مرداد ۱۳۹۲)

        سلام ممنون از پاسختون.و ببخشید یک سوال دیگه الان من دارم HTML رو میخونم همزمان CSS هم بخونم چیزی از CSS دستگیرم میشه یا نه باید اول HTML رو تموم کنم؟

        با تشکر

        • ‏‏
          کیوان علی محمدی(۱۸ مرداد ۱۳۹۲)

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

  • ‏‏
    محمّد حسن مهرآذر(۱۸ مرداد ۱۳۹۲)

    خیلی متشکرم.

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram