استفاده از چند فایل در HTML 🖐
💎 احتمالا تا حالا از اینپوت فایل توی HTML استفاده کردین، و دیدین که فقط یک فایل رو میشه انتخاب کرد، این دو اتریبیوت مشکلتون رو حل میکنه:
#html #mutliple #file
☕️ @CodeExplore
<input name="my_files[]" type="file" multiple enctype="multipart/form-data" >
#html #mutliple #file
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥15⚡3🔥3
پارگراف با قابلیت ادیت در HTML 🖐
میدونستین میتونین توی html ، پاراگراف قابل ویرایش(توسط کاربر) داشته باشین؟
به این شکل:
#html #p
☕️ @CodeExplore
میدونستین میتونین توی html ، پاراگراف قابل ویرایش(توسط کاربر) داشته باشین؟
به این شکل:
<p contenteditable="true">
CodeExplore
</p>
#html #p
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡20❤🔥6🔥1😁1
چجوری از html5 استفاده نکنیم؟ 🖐
😠 بیاین فرض کنیم شما کنجکاویتون گل کرده و میخواین از html های قدیمی تری استفاده کنید، مثلا html4.01 ، خب برای اینکه ازین ورژن استفاده کنید این کد رو خط اول فایلتون مینویسید:
⚠️ نکته قابل توجه اینه که با اینکار ساختار کدتون آنچنان فرقی نباید بکنه، ولی هر چی عقب تر برید، امکاناتتون کمتر میشه،عوضش روی مرورگر های بیشتری سایتتون پشتیبانی میشه!
✔️ میتونید از اینجا بیشتر بخونید.
#html
☕️ @CodeExplore
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
#html
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥13⚡3🔥2💔2
لینک بی عمل در جاوااسکریپت ✌️
⚡️ با این کد میتونید یک لینک درست کنید که دقیقا هیچکاری نمیکنه، نه صفحه جدیدی باز میکنه، نه هشتگی توی url میزاره و نه هیچی.
#html #js #javascript #trick
☕️ @CodeExplore
<a href="javascript:void(0);">Click Me!</a>
#html #js #javascript #trick
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14⚡5❤🔥3
<canvas> توی HTML مثل یه صفحه نقاشی خالیه که باهاش میتونی هرچی دلت میخواد بکشی. البته خودش چیزی نشون نمیده؛ باید با جاوااسکریپت (یه زبان برنامهنویسی که توی وب استفاده میشه) بهش بگی چی بکشه.- عرض و ارتفاع (width و height): اینا اندازه صفحه نقاشیت رو مشخص میکنن. اگه نذاری، خودش یه اندازه پیشفرض داره (300 در 150 پیکسل).
- جاوااسکریپت: با جاوااسکریپت میتونی روی این صفحه نقاشی خط بکشی، دایره و مستطیل بکشی، یا حتی عکس بذاری.
یه مثال ساده:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
مرورگر شما از تگ Canvas پشتیبانی نمیکند.
</canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// کشیدن یه مستطیل قرمز
ctx.fillStyle = "#FF0000";
ctx.fillRect(20, 20, 150, 75);
</script>
</body>
</html>
اینجا یه صفحه نقاشی به اندازه 200 در 100 پیکسل درست کردیم و با جاوااسکریپت توش یه مستطیل قرمز کشیدیم. این کارها رو با چند خط کد ساده انجام دادیم.
- کشیدن نمودارها و گرافها
- رسم شکلهای دوبعدی
- انیمیشنهای ساده
- بازیهای تحت وب
#canvas #html #js
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12⚡4❤🔥2
WebAssembly در فرانتاند: تحولی برای عملکرد بالاتر 🔥
📣 WebAssembly (Wasm) یکی از جدیدترین تکنولوژیها در دنیای وب هست که به توسعه دهندگان امکان میده تا کدهای سطح پایین و بهینهای رو روی مرورگرهای وب اجرا کنن. این تکنولوژی برای برنامههایی که به سرعت و عملکرد بالایی نیاز دارن، مثل بازیهای وب و برنامههای محاسباتی سنگین، بسیار کاربردی هست. در این مقاله، به بررسی WebAssembly، مزایای آن در فرانتاند، و چگونگی استفاده از آن خواهیم پرداخت.
🌕 برای مشاهده کامل مقاله کلیک کنید.
#webassembelly #frontend #js #html #css #javascript #programming
☕️ @CodeExplore
#webassembelly #frontend #js #html #css #javascript #programming
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡12❤🔥3🔥2
آموزش و اهمیت استفاده از Shape Divider در طراحی وب ⚡️
🔔 طراحی وب همیشه به دنبال روشهایی است که به آن زیبایی و جذابیت بیشتری ببخشد. یکی از عناصر کلیدی در طراحی صفحات وب، استفاده از جداکنندهها یا دیوایدرها است. سایت Shape Divide به طراحان این امکان را میدهد تا اشکال جذاب و متنوعی برای جداکنندهها بسازند و طراحی خود را به سطح جدیدی ارتقا دهند.
🌕 برای مشاهده کامل مقاله کلیک کنید.
#shapedivider #frontend #css #html
☕️ @CodeExplore
#shapedivider #frontend #css #html
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤🔥3⚡1
ویژگیهای WebKit در Safari 18.0: تحول بزرگ در عملکرد و امنیت 🔍
🔄 نسخه Safari 18.0 با بهبودهای گسترده در WebKit عرضه شده است که تجربه کاربران را بهبود میبخشد. این نسخه مجموعهای از قابلیتهای پیشرفته در زمینه CSS، امنیت، عملکرد و دسترسی را ارائه میدهد. در این مقاله به بررسی جزئیات این ویژگیها و تأثیرات آنها میپردازیم.
🌕 برای مشاهده کامل مقاله کلیک کنید.
#ios #safari #css #html #frontend #site #programming
☕️ @CodeExplore
#ios #safari #css #html #frontend #site #programming
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤🔥4⚡2
آموزش جامع HTML 🔼 🌐
توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.
این دوره بصورت هفتگی آپدیت میشه و قسمت های جدیدی بهش اضافه میشه.
🔔 قسمت های منتشر شده:
- مقدمه
- آشنایی با ساختار صفحات
- تگ های hr و br
- تگ پاراگراف
دسترسی به دوره
#html #tutorial
☕️ Telegram | Website | Discord
توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.
این دوره بصورت هفتگی آپدیت میشه و قسمت های جدیدی بهش اضافه میشه.
- مقدمه
- آشنایی با ساختار صفحات
- تگ های hr و br
- تگ پاراگراف
دسترسی به دوره
#html #tutorial
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡16🔥8❤🔥3💔2
پنج قسمت جدید و پایانی از آموزش جامع HTML منتشرشد 🔥
توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.
🆕 قسمت های جدید:
- تگ های معنادار
- تگ های Article و Section
- تگ Canvas
- تگ های کاربردی
- متاتگ (Metatag) ها در HTML
دسترسی به دوره
#html #tutorial
☕️ Telegram | Website | Discord
توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.
🆕 قسمت های جدید:
- تگ های معنادار
- تگ های Article و Section
- تگ Canvas
- تگ های کاربردی
- متاتگ (Metatag) ها در HTML
دسترسی به دوره
#html #tutorial
☕️ Telegram | Website | Discord
⚡6🔥3❤🔥2
🔸️قالب HTML تلینو یه انتخاب عالی برای تیم هاییه که روی رباتهای تلگرام کار میکنن و دوست دارن یه سایت اختصاصی خوشگل و حرفهای داشته باشن تا کارشون حسابی بدرخشه.تو این قالب همهچی هست، از صفحهی اصلی گرفته تا صفحات فرعی، بلاگ، جستجو و کلی چیز دیگه که میتونه سایتتون رو کامل و تر و تمیز کنه.
GitHub: https://github.com/htaria/telegram-services-site
#html #theme #telegram #site #css #js #frontend
☕️Telegram | Website | Discord
GitHub: https://github.com/htaria/telegram-services-site
#html #theme #telegram #site #css #js #frontend
☕️Telegram | Website | Discord
🔥5❤🔥3⚡2