سبدخرید

هیچ محصولی در سبد خرید نیست.

بازگشت به دوره

آموزش رایگان صفر تا صد اچ‌تی‌ام‌ال (HTML) به زبان ساده

0% تکمیل‌شده
0/0 مرحله
  1. معرفی HTML
  2. ویرایش HTML
  3. مفاهیم پایه‌ی HTML
  4. عناصر HTML
  5. ویژگی‌های HTML
  6. هدینگ (Headings) در HTML
  7. پاراگراف‌ها در HTML

آیا می‌خواهید HTML را یاد بگیرید اما نمی‌دانید از کجا شروع کنید؟ برای این کار به نرم‌افزارهای حرفه‌ای نیاز ندارید! شما می‌توانید با یک ویرایشگر ساده مثل Notepad در ویندوز یا TextEdit در مک، کدنویسی HTML را یاد بگیرید. در این راهنما، مرحله‌به‌مرحله ایجاد یک صفحه وب ساده را توضیح می‌دهیم.

📌 فهرست مطالب

  1. چرا از ویرایشگر ساده استفاده کنیم؟
  2. نحوه باز کردن Notepad در ویندوز
  3. نحوه باز کردن TextEdit در مک
  4. نوشتن اولین کد HTML
  5. ذخیره کردن فایل HTML

 

🎯 چرا از ویرایشگر ساده استفاده کنیم؟

استفاده از ویرایشگرهای ساده مثل Notepad یا TextEdit باعث می‌شود شما بهتر ساختار HTML را درک کنید. ویرایشگرهای حرفه‌ای امکانات زیادی دارند که ممکن است یادگیری را سخت کنند. اما در یک ویرایشگر ساده، شما فقط کد خام را می‌بینید و همین کمک می‌کند تا HTML را از پایه یاد بگیرید.

💻 نحوه باز کردن Notepad در ویندوز

اگر از ویندوز 8 یا نسخه‌های جدیدتر استفاده می‌کنید:

  1. روی دکمه Start (🔍 نماد ویندوز در پایین سمت چپ) کلیک کنید.
  2. عبارت Notepad را تایپ کنید و برنامه را باز کنید.

اگر از ویندوز 7 یا نسخه‌های قدیمی‌تر استفاده می‌کنید:

  1. روی Start کلیک کنید.
  2. به مسیر Programs > Accessories > Notepad بروید و روی آن کلیک کنید.

🍏 نحوه باز کردن TextEdit در مک

  1. Finder را باز کنید.
  2. وارد پوشه Applications شوید.
  3. برنامه TextEdit را اجرا کنید.

تنظیمات ضروری:
🔹 به Preferences بروید و در بخش Format گزینه Plain Text را انتخاب کنید.
🔹 در بخش Open and Save، تیک گزینه Display HTML files as HTML code instead of formatted text را بزنید.

حالا یک سند جدید باز کنید و آماده کدنویسی شوید!

🖊 نوشتن اولین کد HTML

کد زیر را در Notepad یا TextEdit وارد کنید:

<!DOCTYPE html>
<html>
<body>

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p> <script data-optimized="1" src="https://fahmidani.com/wp-content/litespeed/js/3b674914fd690b2d22c6fbf6445f080b.js?ver=0bc68"></script></body>
</html>

✅ این کد، یک صفحه HTML ساده ایجاد می‌کند که شامل یک عنوان و یک پاراگراف است.

💾 ذخیره کردن فایل HTML

برای ذخیره فایل در Notepad:

  1. از منوی بالا گزینه File > Save As را انتخاب کنید.
  2. نام فایل را index.htm بگذارید.
  3. گزینه Encoding را روی UTF-8 تنظیم کنید (این گزینه برای نمایش صحیح فارسی ضروری است).

🔹 نکته: شما می‌توانید فایل را با پسوند .html یا .htm ذخیره کنید؛ هر دو پسوند یکسان هستند.

🎯 تمرین و چالش

🔹 تمرین 1: یک صفحه HTML بسازید که شامل یک عنوان H1 و یک پاراگراف با متن دلخواه باشد.
🔹 تمرین 2: یک لینک به صفحه خود اضافه کنید که وقتی روی آن کلیک می‌شود، به سایت گوگل برود. (راهنمایی: از تگ <a> استفاده کنید.)

🎉 نتیجه‌گیری

حالا شما یاد گرفته‌اید که چگونه با ساده‌ترین ابزارها یک صفحه HTML بسازید و آن را در مرورگر ببینید. اگر سوالی دارید، همین جا بپرسید! 🚀