🚀 چطور با پایتون، آرایه ۰ تا ۱۰۰ رو به یه صفحه HTML زیبا تبدیل کنیم؟
تو این پست یاد میگیری با چند خط کد پایتون:
✅ یه آرایه از اعداد ۰ تا ۱۰۰ بسازی
✅ براش یه فایل HTML بسازی که هر عدد رو به صورت نوار رنگی نشون بده
✅ طول هر نوار دقیقاً برابر همون عدد باشه (۰٪ تا ۱۰۰٪)
✅ فایل رو خودکار تو مرورگر باز کنی
📌 کد کامل:
import webbrowser, os
array = list(range(101))
html = '''<html><head><style>
.bar-item { display: flex; margin: 5px; }
.bar { background: linear-gradient(90deg, #3498db, #2ecc71); height: 30px; text-align: right; color: white; }
</style></head><body>'''
for num in array:
html += f'<div class="bar-item"><div>{num}</div><div class="bar" style="width:{num}%">{num if num>15 else ""}</div></div>'
html += '</body></html>'
with open("output.html","w",encoding="utf-8") as f:
f.write(html)
webbrowser.open("file://"+os.path.realpath("output.html"))
`🧠 نکته فنی: پایتون خودش HTML رو رندر نمیکنه، فقط کد اون رو به صورت متن مینویسه و مرورگر کار نمایش رو انجام میده. 💡 ایده بزنی؟ میتونی به جای اعداد، هر داده دیگهای (مثل فروش ماهانه، درصد پیشرفت پروژه) رو با این روش نمودار باری بسازی. 📥 کد رو کپی کن و تو محیط خودت اجرا کن. نتیجه رو توی کامنتها برام بگو. #پایتون #HTML #داده_کاوی #برنامه_نویسی_آسان #آموزش_پایتون
آموزش برنامه نویسی پایتون و AI
🧮 انیمیشن جذاب جدول ضرب با پایتون!
تو این پروژه با چند خط کد پایتون (فقط ماژولهای استاندارد) یه صفحه HTML ساختم که:
✅ یه جدول ۱۰×۱۰ داره
✅ با کلیک دکمه، سلولها یکی یکی از حاصلضرب سطر×ستون پر میشن
✅ هر سلول با افکت رنگی و انیمیشن ظاهر میشه
✅ درصد پیشرفت و تعداد سلولها رو نشون میده
✅ بدون هیچ کتابخانهی اضافی – حتی روی گوشی با Pydroid اجرا میشه
💡 نکته فنی: پایتون فقط کد HTML+CSS+JS رو به عنوان متن تولید میکنه – انیمیشن و پر شدن جدول توسط مرورگر و جاوااسکریپت انجام میشه.
🎯 کاربرد: آموزش مفاهیم حلقهها، جدول ضرب به سبک بصری، ساخت ابزارهای تعاملی با خروجی HTML.
📥 ببینید دوستانتون با اجراش چه حسی دارن!
#پایتون #HTML #جاوااسکریپت #برنامه_نویسی #آموزش_تعاملی
🚀 امروز یاد گرفتم با پایتون فایل HTML بسازم!
😲 باور کردنی نیست؟ حتی روی گوشی و با Pydroid اجرا کردم و کار کرد!
📄 فقط چند خط کد پایتون نوشتم، یه فایل .html ساخت و با مرورگر بازش کردم.
🎨 میشه انیمیشن، جدول ضرب، قلب لایک و کلی چیز دیگه ساخت.
💡 نکته: نیازی به کامپیوتر نیست – فقط گوشی و کمی کنجکاوی.
✅ پایتون فقط کد رو تولید میکنه، مرورگر کار نمایش رو انجام میده.
📱 تو هم امتحان کن، خیلی سادست.
#پایتون_در_گوشی #ساخت_HTML #Pydroid #برنامه_نویسی_موبایلی