کدهای یک خطی کاربردی HTML

HTML زبانی است که اکثر وب سایت ها با آن نوشته می شوند . HTML برای ایجاد صفحات و کاربردی کردن آنها استفاده می شود. و زبان پایه وب است. HTML اولین بار توسط تیم برنرز لی، رابرت کالیو و چند نفر دیگر در سال ۱۹۸۹ ایجاد شد . و مخفف عبارت Hyper Text Markup Language است. آخرین نسخه این زبان با نام HTML5 شناخته می شود . این مقاله شامل کدهای یک خطی و  کاربردی HTML می باشد که شاید از آن ها اطلاعی نداشته باشید.

کدهای کاربردی و تک خطی HTML

۱. Tooltip

صفت title در واقع همون تولتیپ هست ، وقتی ماوس چند لحظه بدون حرکت روی یک تگ وایسه ، یه متنی نمایش داده میشه که بهش میگیم تولتیپ یا tooltip

نحوه استفاده از این کد بصورت زیر هست.

<p title="like & save"> post </p>

۲. Download

صفتیه که در تگ های a و area میتونید از اون استفاده کنید و باعث میشه وقتی کاربر بر روی اون لینک کلیک کرد ، بصورت مستقیم دانلود بشه. نه اینکه تو پنجره جدید باز بشه.

نحوه استفاده از این کد بصورت زیر هست.

<a href="logo.PNG" download> Logo Image </a>

۳. dir

صفت dir صفتی است که ما با استفاده از آن می توانیم جهت قرار گیری یک متن رو مشخص کنیم و با مقدار ayto مرورگرها بطور خودکار جهت محتوا را مشخص میکنند.

نحوه نوشتنش هم بصورت زیر هست .

<p dir="auto"> این یک متن آزمایشی است </p>

۴. Contenteditable

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

نحوه نوشتن این کد اینطوری هست .

<p contenteditable="true">
روی من کلیک کن و منو تغییر بده 
</p>

۵. hidden

ی خصوصیت عمومی برای همه تگ های html هست . هدف از استفاده اینه که تگ موردنظر در مورگر مخفی یا غیرقابل نمایش بشه .

<p hidden> این پاراگراف قابل نمایش نیست </p>

۶. Multiple

یک خصوصیت برای <input> و <select> هست. هدف از استفاده اینه که بتونیم بیشتر از یک مقدار انتخاب کنیم.

<input type="file" name="img" multiple />

۷. Poster

یک خصوصیت برای <video> هست. و هدف از استفاده از اون این هست که یک تصویر خاصی نمایش داده بشه تا زمانیکه ویدیو در حال دانلود شدنه یا کاربر هنوز دکمه Play رو کلیک نکرده.

<video poster="learnparsi.com/img/htmlearn.jpg"> .... </video>

امیدواریم این مقاله برای شما مفید قرار گرفته شده باشد.  مقاله بعدی با عنوان ۱۱ ویژگی مفید HTML که باید بدانید را از دست ندهید.