ساختار و اصول کدنویسی
در جلسه ی قبل آموزش ما تاریخچه ی 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 در سایت ما استفاده کنید.
منتظر جلسه ی بعدی دوره ی آموزشی HTML باشید.