ساختار و اصول کدنویسی
در جلسه‌ی قبل آموزش ما تاریخچه ی HTML را بررسی کردیم که شما بدانید با چه زبانی سرو کار دارید. بدون حاشیه در این بخش به ساختار و اصول ابتدایی کدنویسی در HTML می‌پردازیم.
آموزش HTML – ساختار و اصول کدنویسی
حتما قبل از بررسی ساختار و اصول کدنویسی HTML نوشته‌ی مطالب قبلی این دوره‌ی آموزشی را با هشتگ #دوره_آموزشی_HTML در سایت ما را مطالعه کنید.
نرم‌افزارهای مورد نیاز برای کدنویسی HTML
خب یکی از خصوصیات خوب زبان HTML این است که با تمامی ادیتورهای متنی شما می‌توانید شروع به کدنویسی کنید. (حتی با ساده‌ترین نرم‌افزار موجود یعنی NotePad ویندوز)
ولی پیشنهاد ما برای سادگی کار نرم‌افزارهایی مانند NotePad++ ،SublimeText ،VisualStadioCode و … است. شما می‌توانید تمامی این نرم‌افزارها را به صورت رایگان دانلود نمایید.
لینک دسترسی به نرم‌افزارهای مورد نیاز:
خب شما به انتخاب خود یکی از نرم‌افزارهای مورد نظر را نصب کرده و به ادامه آموزش توجه کنید.
اصول نوشتن تگ ها در HTML
هر تگ با ساختار زیر شروع خواهد شد:
<tag>
و برای پایان دادن به تگ از ساختار زیر استفاده خواهیم کرد:
</tag>
محتوایی که قصد دارید داخل یک تگ باشد بین تگ شروع و پایان آن قرار خواهید داد.
برای مثال یک تگ زیر توجه کنید:
<p>دوره آموزش اچ تی ام ال</p>
تگ بالا کلمه ی “دوره آموزش اچ‌تی‌ام‌ال” را در خود نگه می‌دارد.
این تگ مشخص می کند عبارت داخل آن یک پاراگراف از متن است.
فعلا تگ ها را بررسی نخواهیم کرد و فقط با ذکر موارد بالا قصد آموزش نوشتن ابتدایی هر تگ را داشتیم.
ساختار کلی اسناد HTML
ساختار کلی اسناد HTML به شکل زیر است:
<html>
<head>
<title>عنوان صفحه که در بالای مرورگر قابل مشاهده است</title>
</head>
<body>
محتوای قابل مشاهده در صفحات تحت وب بر پایه اچ تی ام ال
<body>
</html>
بررسی تگ‌های بالا:
- اولین تگ، تگ <html> است که این تگ مشخص کننده‌ی صفحات html است.
- تگ بعدی، تگ <head> است که شامل اطلاعات هر سند html است که از دید کاربران پنهان است.
- تگ <title>، که این تگ همان‌طور که در بالا هم خواندید عنوانی است که در بالای مرورگر نمایش داده خواهد شد.
- و اصلی‌ترین تگ، که تگ <body> است. این تگ شامل تمام موارد دیداری است که شما قصد دارید در صفحه به کاربر خود نشان دهید.
خب حالا یک سند HTML دارید برای استفاده از آن کافیست آن را با پسوند .html ذخیره کرده و Encoding آن را هم UTF-8 بگذارید. سند ذخیره شده خود را با مرورگرهای اینترنتی باز کنید و مشاهده کنید.
برای استفاده از تمامی جلسات از هشتگ #دوره_آموزشی_HTML در سایت ما استفاده کنید.