اگه تازه می‌خوای وارد دنیای طراحی سایت بشی، احتمالاً اسم HTML رو شنیدی. اما HTML دقیقاً چیه و چطور می‌تونی باهاش شروع کنی؟ تو این مقاله، به زبون ساده بهت می‌گم که HTML چیکار می‌کنه و قدم به قدم یادت میدم چطور اولین صفحه وب‌ات رو بسازی. آماده‌ای؟ دست به کد بشیم!
HTML چیه؟
HTML مخفف "HyperText Markup Language" یا همون "زبان نشانه‌گذاری ابرمتن"ه. حالا این یعنی چی؟ به بیان ساده، HTML اسکلت هر صفحه وب رو می‌سازه. مثل یه نقشه ساختمانی می‌مونه که به مرورگر می‌گه: "اینجا یه تیتر بذار، اونجا یه پاراگراف، اینجا هم یه عکس." بدون HTML، سایت‌ها فقط یه مشت متن بی‌نظم و ترتیب می‌شدن.
HTML از تگ‌ها (Tag) تشکیل شده. تگ‌ها دستورهایی هستن که به مرورگر می‌گن هر بخش از صفحه چیه و چطور باید نشون داده بشه. مثلاً تگ <p> برای پاراگرافه و تگ <h1> برای تیتر اصلی.
چرا باید HTML یاد بگیری؟
- پایه طراحی سایته: بدون دونستن HTML، نمی‌تونی سایت بسازی یا بفهمی بقیه چطور ساختن.
- ساده‌ست: یادگیریش خیلی راحت‌تر از چیزیه که فکر می‌کنی.
- همه‌جا کاربرد داره: از سایت‌های شخصی تا پروژه‌های بزرگ، HTML همیشه لازمه.
چطور شروع کنم؟
برای شروع با HTML، به هیچ نرم‌افزار پیچیده‌ای نیاز نداری. فقط یه کامپیوتر و یه مرورگر (مثل کروم یا فایرفاکس) کافیه. بیایم با هم یه صفحه ساده بسازیم:
قدم ۱: یه فایل بساز
- یه پوشه رو دسکتاپت باز کن.
- یه فایل متنی جدید بساز و اسمش رو بذار index.html (حتماً پسوند .html رو اضافه کن).
<!DOCTYPE html>
<html>
<head>
<title>اولین صفحه من</title>
</head>
<body>
<h1>سلام دنیا!</h1>
<p>این اولین صفحه وب منه.</p>
</body>
</html>
قدم ۳: صفحه‌ات رو ببین
فایل رو ذخیره کن و بعد با دابل‌کلیک روش بازش کن. مرورگرت یه صفحه نشون میده که یه تیتر "سلام دنیا!" و یه پاراگراف زیرش داره. تبریک! همین الان اولین صفحه وب‌ات رو ساختی.
این کدها چیکار می‌کنن؟
- <!DOCTYPE html>: به مرورگر می‌گه این یه فایل HTMLه.
- <html>: کل محتوای صفحه رو در بر می‌گیره.
- <head>: اطلاعات پشت صحنه (مثل عنوان صفحه) رو نگه می‌داره.
- <body>: هر چیزی که تو صفحه دیده می‌شه، اینجا می‌ره.
- <h1>: یه تیتر بزرگ.
- <p>: یه پاراگراف متن.
حالا چی؟
این فقط شروع کاره! می‌تونی تگ‌های بیشتری مثل <img> برای عکس، <a> برای لینک یا <div> برای بخش‌بندی صفحه یاد بگیری. تو مقاله‌های بعدی "دست به کد"، قدم به قدم اینا رو باهم کار می‌کنیم.
یه نکته آخر
یادگیری HTML مثل یاد گرفتن دوچرخه‌سواریه؛ اولش شاید یه کم گیج‌کننده باشه، ولی با چند بار تمرین دستت میاد. پس دست به کد بزن و از همین امروز شروع کن!
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.