🔥آموزش (HTML) جلسه ۱ 👇🔥

🚀 آموزش HTML از صفر | جلسه اول

📘 HTML چیست؟

HTML مخفف HyperText Markup Language است و برای ساختاردهی صفحات وب استفاده می‌شود. با HTML می‌تونی عنوان، متن، عکس، لینک و بخش‌های مختلف سایت رو بسازی. 💻

🔹 ۱. ساختار اولیه HTML

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>اولین سایت من</title>
</head>
<body>
<h1>سلام دنیا! 👋</h1>
<p>این اولین صفحه وب منه.</p>
</body>
</html>

🔹 ۲. چند تگ پرکاربرد

🟢 "<h1>" : عنوان اصلی
🟢 "<p>" : نوشتن متن و پاراگراف
🟢 "<a>" : ساخت لینک
🟢 "<img>" : نمایش تصویر
🟢 "<button>" : ساخت دکمه

🔹 ۳. چطور اجراش کنیم؟

1️⃣ برنامه‌ی ویرایش کد مثل VS Code رو باز کن.
2️⃣ یک فایل با نام "index.html" بساز.
3️⃣ کد بالا رو داخلش قرار بده.
4️⃣ فایل رو با مرورگر باز کن و نتیجه رو ببین! 🎉

🎯 تمرین امروز: کد رو تغییر بده تا عنوان سایتت اسم خودت باشه و متن زیرش درباره‌ی هدفت از یادگیری طراحی سایت باشه.

💙 اگه می‌خوای طراحی سایت رو قدم‌به‌قدم یاد بگیری، همراه ما باش!

📢 کانال آموزش طراحی سایت
🔗 https://t.me/CodeMastersWeb

✨ Learn • Code • Create

🔥آموزش html جلسه ۲ 👇🔥

🚀 آموزش HTML از صفر | جلسه دوم

📘 موضوع: عنوان‌ها، پاراگراف و قالب‌بندی متن در HTML

سلام برنامه‌نویس‌های آینده! 👨‍💻💙
توی این جلسه یاد می‌گیریم چطور متن‌های سایت رو مرتب و زیباتر کنیم.

🔹 ۱. عنوان‌ها در HTML

برای ساخت عنوان از تگ‌های "h1" تا "h6" استفاده می‌کنیم:

<h1>عنوان اصلی سایت</h1>
<h2>عنوان بخش</h2>
<h3>عنوان کوچک‌تر</h3>

📌 "h1" مهم‌ترین عنوان و "h6" کوچک‌ترین سطح عنوانه.

🔹 ۲. نوشتن پاراگراف

برای نوشتن متن از تگ "p" استفاده می‌کنیم:

<p>سلام! من در حال یادگیری طراحی سایت هستم.</p>
<p>هدف من ساخت سایت‌های جذاب و حرفه‌ای است.</p>

🔹 ۳. ضخیم و مورب کردن متن

<strong>این متن مهم است</strong>

<em>این متن تأکیدی است</em>

🔹 ۴. رفتن به خط بعد

سلام دوستان!<br>
به کانال آموزش طراحی سایت خوش آمدید.

تگ "br" متن رو به خط بعد می‌بره و تگ بسته‌ی جداگانه نداره.

🎯 تمرین جلسه دوم

یک فایل به نام "index.html" بساز و کد زیر رو داخلش قرار بده:

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>درباره من</title>
</head>
<body>
<h1>درباره من 👋</h1>
<h2>هدف من</h2>
<p>من در حال یادگیری HTML هستم.</p>
<p><strong>می‌خواهم طراح وب شوم!</strong></p>
</body>
</html>

🔥 چالش: یک عنوان جدید و دو پاراگراف با متن دلخواه خودت اضافه کن.

ــــــــــــ

━━━━━━━━━━━━━━

📢 آموزش طراحی سایت | HTML • CSS • JavaScript

🔗 https://t.me/CodeMastersWeb

✨ Learn • Code • Create

🔥 فروش سورس‌کدهای آماده طراحی سایت 💻

دوست داری بدون دردسر از صفر کدنویسی، پروژه‌های جذاب طراحی سایت رو اجرا کنی؟ 🚀

📦 سورس‌کدهای آماده شامل:
✅ فرم ورود و ثبت‌نام
✅ قالب نمونه‌کار شخصی
✅ صفحات مدرن HTML و CSS
✅ طراحی واکنش‌گرا برای موبایل
✅ کد مرتب و قابل ویرایش

💳 پرداخت کارت‌به‌کارت
📁 تحویل فایل ZIP سورس‌کد

📩 برای مشاهده نمونه‌کارها و اطلاع از قیمت، پیام بده.👇
@CodeMastersAdmin

🌐 کانال ما:
https://t.me/CodeMastersWeb

✨ Learn • Code • Create

برای خرید سورس کد آماده به اینجا مراجعه کنند