0

سبد خرید شما خالی است.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

معرفی attribute های مختلف html

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 655
تاریخ بروزرسانی 3 آگوست 2019

معرفی attribute های html

معرفی attribute های مختلف html

attribute های html

Html به ما قدرت قرار دادن متن، تصویر، فیلم، لینک دهی، استفاده از استایل دهی css و امکانات فراوان دیگری را با استفاده از تگ هایی که دارای ویژگی های مختلفی هستند می دهد. پس از یادگیری تگ های html لازم است که با attribute های html و ویژگی های تک تک آن ها آشنا شوید.در این بخش از آموزش می خواهم برخی ویژگی ها و attribute های html را آموزش دهیم. با تیم طراحی سایت اصفهان وب یار همراه باشید.

attribute های html چیست؟

تگ های html می تواند ویژگی هایی داشته باشد که توضیحات بیشتری در رابطه با آن تگ بدهد یا حالت و موقعیت آن تگ را در خروجی به ما نشان دهد که به آن Attribute گفته می شود .

در کجا استفاده می شود؟

یک attribute برای تعریف ویژگی ها و خصوصیات زبان html و در بین تگ ها استفاده می شود.

نحوه نمایش attribute های html چگونه است؟

ساختار کلی Attribute به صورت زیر می باشد که در آن name نام ویژگی و value مقدار ویژگی می باشد که باید داخل دابل کوتیشن قرار بگیرد.

“value” Name:

در زیر مثالی برای تگ lang در html5 زده شده که نوع زبان را مشخص می کند. lang مخفف کلمه language می باشد که به معنی زبان می باشد. fa برای مشخص کردن نوع زبان است که در اینجا فارسی می باشد و IR نوع کشور را مشخص کرده که در اینجا ایران است. می بینید که بین این دو کلمه از علامت – استفاده شده که ضروری است.

<!DOCTYPE html>
<html lang=”fa-IR”>
<head>
</head>
<body>
تگ های مورد نظر برای نمایش در صفحه
</body>
</html>

انواع attribute در  html:

به طور کلی html دارای attribute زیادی می باشد که در زیر به توضیح مهمترین آن ها پرداختیم.

Alt : این ویژگی متن جایگزین برای تصاویر مشخص می کند که اگر عکس مشاهده نشد این متن به جای آن نمایش داده شود.
Style : این ویژگی برای استایل دهی به وسیله css می باشد
Href: این گزینه برای آدرس دادن لینک ها استفاده می شود این که پس از کلیک بر روی لینک به کجا برود.
Src : برای آدرس دادن به تصاویر و چندرسانه ها استفاده می شود مثلا در تک img بعد از این کلمه src را نوشته و بعد مکان فایل مورد نظر را وارد می کنیم.
Title : هنگامی که این گزینه تعریف شود پس از رفتن روی قسمت مورد نظر متن نوشته شده در title به ما نشان داده می شود.
Value: مشخص می کند چه مقداری برای ورود در قسمت input باشد.
Id: برای مشخص کردن نامی شخصی برای یک تگ که به وسیله آن در css به آن استایل می دهیم.
Class: برای مشخص کردن نامی برای یک سری از تگ ها که می خواهیم به صورت گروهی در css به آن ها استایل بدهیم.
Disabled: این گزینه المان ورود input را غیر فعال می کند.
Placeholder: این ویژگی برای نوشته به صورت کمرنگ در inbox می باشد که اگر کاربر متنی وارد کند دیگر نمایش داده نمی شود.
Width: عرض عنصر را مشخص میکند.
Height: طول عنصر را مشخص می کند.
lang: مشخص کننده زبان می باشد مانند مثال بالا.
Translate: مشخص کننده ترجه شدن یا نشدن آن عنصر می باشد که با مقدار yes یا no مشخص می شود.
Hidden: این ویژگی برای مخفی کردن عناصر به کار میرود.
Contenteditable: این ویژگی مشخص می کند که محتوای عناصر تغییر کند یا خیر.
Contextmenu: با راست کلیک بر روی عناصر این منو ظاهر می شود درصورتی که در قسمت id این گزینه مشخص شود.
Data: برای ذخیره ی داده های سفارشی و خصوصی در صفحه یا برنامه استفاده می شود.
Spellcheck: برای اینکه مشخص کنیم دستور زبان بررسی شود یا خیر از این ویژگی استفاده می شود.
Tabindex: ترتیب تب بندی ها را مشخص می کند.
Checked: مشخص می کند که در حالت پیشفرض این گزینه انتخاب شده باشد یا خیر.

اگر به طراحی صفحات وب علاقه دارید پایه و اساس همه ی سایت ها زبان html است که باید با همه ی تگ ها و attribute آشنا باشید برای اطلاع بیشتر و یادگیری کامل طراحی سایت می توانید در کلاس آموزشی طراحی سایت اصفهان شرکت کنید همچنین می توانید در اینستاگرام وب یار همراه ما باشید.

مطالب مرتبط
Google analytics
مطالعه :

Google analytics در این مطلب میخواهیم در مورد google analytics با شما صحبت کنیم. ابتدا تاریخچه google analytics سپس در مورد چگونگی ثبت نام در آن و مکانیزم کارکرد آن را بررسی می کنیم.     تاریخچه: در  مارس 2005 گوگل شرکت urchin را تحت مالکیت خود در آورد. کاربران اینترنت برای اولین بار در 11 نوامبر 2005  این سرویس گوگل را شناختند،سرویسی که تا قبل از آن که توسط گوگل خریداری شود به نام urchin  و با قیمت 500 دلار در بازار عرضه می شد. اما گوگل هنگام رو نمایی از این سرویس اعلام کرد که این سرویس به صورت رایگان عرضه خواهد شد که این گفته باعث ایجاد مشکلات بسیاری در سرور های گوگل شد چرا که ارائه ی رایگان این سرویس خدمت بزرگی برای صاحبان وبسایت و کسب و کار ها بود . استقبال از این سرویس گوگل تا حدی زیاد بود که گوگل مجبور شد به مدت 10 ماه ثبت نام های این سرویس را ببندد. در زمان بسته شدن ثبت نام گوگل ماشین جدیدی به این سرویس اضافه کرد تا عملکرد google analytics  بهبود پیدا کند.همان ط.ر که پیشبینی می شد باز شدن این سرویس پس از 10 ماه باعث حجوم کاربران بسیاری شد و این سرویس در عرض چند ماه همه گیر و محبوب شد. ثبت نام در google analytics : عکس زیر تمامی […]

3 لیست مهم در HTML5
مطالعه :

در این مقاله میخواهیم 3 لیست مهم در HTML5 را به شما بگوییم. 3 لیست مهم در HTML5 لیست ها کاربردهای فراوانی در متون مختلف داشته و حتما تا به حال نمونه هایی از آن ها را در کتاب ها ، مجلات ، روزنامه ها و.. دیده اید. اما کاربرد لیست ها محدود به مطالب چاپی نمی شود و امروزه در انواع صفحات وب ، شبکه های اجتماعی و یا پیام رسان ها نیز دیده می شوند. با کمک لیست ها می توانید موضوعات مرتبط به هم را در یک دسته قرار داده و آن ها را گروه بندی کنید. HTML نیز به منظور ایجاد انواع لیست ها در صفحات وب تگ هایی مشخص کرده است. در HTML5  سه نوع لیست با کاربردهای متفاوت وجود دارد که شامل موارد زیر است : Unordered Lists Ordered Lists Description Lists در ادامه به کاربرد و نحوه ی نوشتن هر لیست می پردازیم :     Unordered Lists در این لیست ها ترتیب آیتم ها اهمیت نداشته و تنها عناصر مرتبط به هم در یک لیست قرار می گیرند. به عنوان مثال به لیست زیر توجه کنید : انواع نوشیدنی های گرم قهوه چای نسکافه همان طور که مشاهده می کنید در این لیست ترتیب اهمیت نداشته و فرقی نمی کند چه آیتمی اول و یا اخر باشد. برای نوشتن چنین لیست هایی […]

پشتیبانی سایت و بروزرسانی سایت
مطالعه :

پس چنانچه وقت کافی‌ برای بروز رسانی سایت خود را ندارید. یا اطلاعاتتان‌ در مورد سئو و ترفند‌های بروز رسانی سایت کافی نیست. می توانید بروز رسانی مطلب و پشتیبانی سایت خود را به تیم طراحی سایت و سئو سایت وب یار بسپارید .
تیم طراحی سایت وب یار با نیروهای آموزش دیده و حرفه ای در زمینه ی سئو و ترفند‌های بروز رسانی سایت، با صبر و حوصله ی فراوان پاسخگوی مشکلات شما خواهند بود و خدمات پشتیبانی سایت و بروزرسانی سایت را با بالاترین کیفیت ارائه می نماید.

مطالعه : 7 دقیقه

طراحی آرم یا لوگو و ست اداری آیا تا حالا به چگونه مجسم شدن برند خودتون تو ذهن مشتریانتون فکر کرده اید؟ فکر می کنید وقتی که نام شرکت یا حوزه ی صنعتی شما در مکانی برده میشه دیگران چه تصویری از برند شما از ذهنشون به سرعت رد میشه؟ به نظر خودتون آرم یا لوگو شما به شکلی هست که بتونه ملکه ذهن دیگران بشه؟ اگر تو پاسخ به همه ی این سوالات شک داری بهتره با تیم طراحی آرم لوگو ست اداری اصفهان وب یار همراه بشی تا اطمینان خاطر پیدا کنی طراحی لوگو و آرم شما به نحوی هست که بتونه بیانگر تخصص شما و برجسته شدن شما در میان رقباتون بشه.     طراحی آرم یا لوگو و ست اداری برای هر شرکت یا مؤسسه یا سازمان یک امر ضروری محسوب می شود. با داشتن یک آرم یا لوگوی منحصر به فرد به راحتی می توانید در میان رقبای خود بیشتر و بهتر بدرخشید. همچنین در میان مشتریان به وسیله آرم یا لوگوی خاص خود شناخته شده و برند می شوید و مشتریان ثابت بسیاری را بدست می آورید. وجود یک نشان زیبا و چشمگیر که در ست اداری شما نیز مشاهده شود احساس خوب همراه با نمایش قدرت شما را در ضمیر مشتریانتان بر می انگیزد. با توجه به اینکه هنوز برخی از مشتریان تفاوت […]

امنیت ورد پرس
مطالعه :

آموزش امنیت وردپرس امنیت در وردپرس از اهمیت بسیار بالایی برخوردار است  و بطور جدی به آن پرداخته می‌شود اما درست مانند هر سیستم دیگری، در صورت عدم رعایت برخی نکات ایمنی ساده ممکن است با مشکلات امنیتی احتمالی برخورد کنیم. در این مطلب آموزش امنیت وردپرس به بررسی برخی از معمول‌ترین آسیب پذیری‌ها و راهکارهای بالا بردن امنیت سایت وردپرس می‌پردازیم. مقاله ی امنیت سایت راه حل نهایی برای تمامی دغدغه‌های امنیتی شما نیست. اگر نگرانی بخصوصی دارید، بهتر است با کسانی که به دانش آنها در زمینه‌ی امنیت کامپیوتر و وردپرس اطمینان دارید، نگرانی‌ها و سوالات خود را در میان بگذارید. تیم وب یار با خدمات و پشتیبانی سایت به صورت 24 ساعته ، امنیت خاطر را برای تمامی مشتریان خود به ارمغان می آورد.     امنیت سایت چیست؟ اساساً وقتی صحبت از امنیت می‌شود، منظورمان سیستم‌های کاملاً امن نیستند. یافتن چنین چیزی عملاً غیر ممکن بنظر می‌رسد. یک سرور امن از حریم خصوصی، یکپارچگی و در دسترس بودن منابع تحت کنترل سرور محافظت و اطمینان حاصل می‌کند. ویژگی‌های یک هاست قابل اطمینان عبارتند از: مشتاقانه درمورد انتظارات و نگرانی‌های امنیتی شما وهمچنین ویژگی‌ها و پروسه‌های امنیتی که هاستینگ در اختیار شما خواهند گذاشت، با شما صحبت می‌کند. آخرین و با ثبات‌ترین نسخه‌های نرم‌افزار سرور را در اختیارتان می‌گذارد. روش‌های قابل اعتماد بازیابی اطلاعات و پشتیبان‌گیری (بک […]

مطالعه :

دانلود لیست دفاترمهندسی اصفهان لیست کامل دفاتر مهندسی استان اصفهان بر اساس لیست اعلام شده توسط نظام مهندسی استان اصفهان به شرح زیر میباشد. این لیست دارای اطلاعاتی از قبیل( گزارش براساس شماره دفتر ,تاریخ تاسیس,تاریخ اعتبار,نام مسئول,آدرس کامل,شمار تلفن,وضعیت فعالیت) میباشد که شما با در اختیار  داشتن کامل این اطلاعات مفید میتوانید از وضعیت دفاتر مهندسی استان اصفهان اطلاع پیدا کرده و جهت همکاری با آنها در پروژ ه ها اقدام کنید و همچنین این لیست برای بازریابان جهت ارتیاط با دفاتر مهندسی و اخذ  و یا دادن سفارش به آن ها و سایر امور تبلیفاتی بیسیار مفید میباشد. این لیست از شماره دفتر ۱۰۰ تا شماره دفتر ۸۰۰(گزارش براساس شماره دفتر ,تاریخ تاسیس,تاریخ اعتبار,نام مسئول,آدرس کامل,شمار تلفن,وضعیت فعالیت) دانلود لیست لیست دفاتر مهندسی از شماره ۱۰۲ تا شماره ۲۰۰ لیست دفاتر مهندسی از شماره ۲۰۱ تا ۲۵۰ لیست دفاتر مهندسی از شماره ۲۵۱ تا۳۰۰ لیست دفاتر مهندسی از شماره ۳۰۱ تا ۴۰۰ لیست دفاتر مهندسی از شماره ۶۰۱ تا ۸۰۰ لیست دفاتر مهندسی از شماره ۴۰۱ تا ۵۰۰ این لیست بر اساس نظام مهندسی دفاتر استان اصفهان بدست آمده است.   [zarinpalpaiddownloads id=”21″] در صورت وجود هر گونه مشکل در این لیست با ما تماس بگیرید. جهت طراحی و سئو وب سایت خود شما میتوانید از این کد تخفیف استفاده کنید :Y-1399-(%7)

دیدگاه ها

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *