HTML چیست؟
HTML یک فضای برنامه نویسی برای علاقه مندان به برنامه نویسی تحت وب است. HTML مخفف Hyper Text Markup Language است که همون‌طور که از اسم آن پیداست، زبان نشانه گذاری برای ایجاد صفحات وب است. HTML که از شامل عناصر مختلفی است که با آنها صفحه وب را برای مرورگر توصیف می‌کند. HTML در واقع به مرورگر می‌گوید محتویات برای کاربر چگونه نمایش داده شوند. در واقع ما می‌توانیم به یک سری محتوا برچسب بزنیم تا نشان دهیم آن متن چگونه نمایش داده شود. پس لطفا در ادامه مطلب و آموزش HTML همراه ما باشید.
کجا کد HTML بنویسم؟
شما می‌توانید از برنامه‌ای مانند “Visual Studio Code” استفاده کنید. این برنامه را از اینجا دانلود کنید. ولی یک برنامه خیلی سبک تر ولی حرفه‌ای هم به نام “Notepad Plus Plus” هست که می‌توانید از اینجا دانلود کنید. هر چند که شما اگر نمی‌خواهید فعلا به صورت خیلی حرفه‌ای تمام زبان های برنامه نویسی را یاد بگیرید، پیش نهاد می‌کنم :
1. نوت پد (Notepad) را باز کنید.
2. کد مورد نظر خود را بنویسید.
3. روی گزینه Save as بزنید، نام فایل را بنویسید و در انتهای آن پسوند “html.” را بنویسید (به صورت دستی)
4. هنوز سیو نکنید! حتما گزینه “Encoding” کنار دکمه سیو را روی “UTF-8” قرار دهید و سپس سیو کنید.
5. برای دیدن کد خود و نتیجه، کد خود را در مرورگر درگ کنید.
مقدمه‌ای درباره تگ های این زبان
تگ هایی مانند <html> و <body> اکثرا در تمامی کد های HTML حضور دارند. بعضی تگ ها هم مانند <h1> و تمام هد های دیگر، اگر شما به دنبال طراحی سایت استاندارد باشید، معمولا استفاده می‌شوند. به قطعه کد زیر نگاه کنید :
<!DOCTYPE html>
<html>
<head>
<title>It's Title In Browser Bar</title>
</head>
<body>
<h1>It's Big Head</h1>
<p>It's paragraph</p>
</body>
</html>
و اما نتیجه این کد در این عکس :
اگر شما این قطعه کد را سیو کنید و نتیجه را ببنید قطعا متن “It’s Big Head” بزرگ و متن “It’s paragraph” را اندازه همین متن خواهید دید. هر چند در بار بالای مرورگر هم نام این صفحه “It’s Title In Browser Bar” خواهد بود. فکر کنم تمامی تگ ها را تا الان متوجه شده‌اید. بذارید این تگ ها را برای شما لیست کنم.
- <html> : در ابتدا و انتها می‌آید و هویت زبان HTML را به کد ما می‌دهد.
- <DOCTYPE html!> : در ابتدا کد های HTML5 می‌آید تا هویت زبان را به HTML5 تغییر دهد.
- <head> : سربرگ صفحه است.
- <title> : سر تیتر صفحه HTML در بار مرورگر است.
- <body> : بدنه صفحه است.
- <h1> تا <h6> : هد های صفحه هستند.
- <p> : پاراگرافی را نمایس می‌دهد.
- تمامی تگ ها بجز بعضی تگ هایی که در آینده خواهیم دید، با یک / به علاوه نام تگ در دو <> تمام می‌شوند. (به طور مثال <head/>)
آموزش بقیه تگ های زبان HTML
من سعی دارم در ادامه سری آموزشات HTML درباره دیگر تگ ها، کاربرد آنها و هر موضوع دیگری درباره این زبان را به شما آموزش دهم. پس خوشحال می‌شوم اگر با اشتراک گذاری مطلب برای دوستان کد نویستون از من حمایت کنید یا حتی در صورت توانایی من را از طریق صفحه Donate، دونیت کنید!
