اتریبیوت‌ها اغلب برای تغییر رفتار یا خصوصیت‌های یک متد، کلاس، یا فیلد مورد استفاده قرار می‌گیرند. به عبارت دیگر، آن‌ها مشخص می‌کنند که یک عنصر چگونه در برنامه رفتار می‌کند یا چه ویژگی‌های خاصی دارد. در این آموزش به معرفی تگ های زیر و اتریبیوت آن ها اشاره خواهیم کرد. در این آموزش، به آشنایی با اتریبیوت (Attribute) خواهیم پرداخت.

فیلم آموزشی آشنایی با اتریبیوت (Attribute) در html

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

 

آشنایی با اتریبیوت (Attribute) و  معرفی تگ ها

  • آشنایی با تگ <br>

از تگ br برای ایجاد فاصله عمودی استفاده می شود که به زبان ساده، عملکردی مشابه با دکمه enter  در کیبورد را دارد. برخی از تگ ها مانند تگ های جلسه قبل، نیازی به br ندارند و خود آن ها ماهیت فاصله را دارند. از این تگ ها می توان به تیتر و پارارگراف اشاره کرد.

  • آشنایی با تگ <a>

برای اینکه بتوانیم به متن مورد نظر خود در سند اچ تی ام ال لینک بدهیم، از تگ a استفاده می کنیم. حال که منظور خود را به سند Html رسانده ایم، باید لینک صفحه مورد نظر خود را در آن وارد کنیم. در اینجا از صفت یا اتریبیوت href استفاده می کنیم.

  • آشنایی با اتریبیوت <href>

بعد از وارد نمودن اتریبیوت href، آدرس لینک مورد نظر خود را در آن قرار می دهیم. در نظر داشته باشید که حتما، تمامی آدرس را دراین قسمت وارد کنید و از Http یا https شروع کرده و تا پایان آدرس دامین یادداشت کنید.

 

  • آشنایی با تگ <img>

زمانی که به دنبال فراخوانی تصاویر در html باشیم، از تگ img استفاده می کنیم. این تگ نیز، نیازمند اتریبیوت SRC برای فراخوانی آدرس تصویر از کامپیوتر شخصی ما خواهد بود. در صورتی که لینک آدرس تصویر خود را دارید، می توانید از href استفاده و آن را جایگذاری کنید.

  • آشنایی با اتریبیوت <src>

این اتریبیوت، تصویر مورد نظر شما را صدا می زند و در مرورگر شما به نمایش می آورد. در نظر داشته باشید، اگر تصویر مورد نظر خود را فراخوانی میکنید، آن را در پوشه ذخیره سازی خود قرار دهید.

  • آشنایی با اتریبیوت <alt>

از این صفت برای نام گذاری متن، تصویر و … استفاده می شود که از نظر کاربری و موتورهای جست و جو گر گوگل بسیار با ارزش است.

نرم افزار افزارadobe dreamweaver

بعد از تمرین های متعدد با notepad، زمان آن رسیده است تا سرعت خود را افزایش دهید. استفاده از نرم افزار adobe dreamweaver  به شما کمک می کند تا در نوشتار، سریع تر و دقیق تر عمل کنید.

برای مشاهده دوره آموزشی مقدماتی html و css لمس کنید.

دیدگاهتان را بنویسید