نحوه ایجاد یک صفحه HTML

همانطور که پیش تر گفته شد، هر صفحه html دارای تعدادی تگ می باشد که برخی از آنها الزامی و برخی دیگر بنا به نیاز برنامه نویس به صفحه افزوده می شود.

تگ های اولیه

اولین تگ مورد استفاده <!DOCTYPE html> می باشد که توسط آن نسخه ای که قصد دارید از html استفاده کنید را مشخص می کنید. نوشتن این تگ، به شکل ذکر شده بیانگر استفاده از نسخه 5 می باشد.

تگ بعدی <html> می باشد که اصلی ترین تگ در صفحات وب بوده و سایر تگ ها درون آن قرار می گیرند. صفحه html به دو بخش کلی تقسیم می شود.

head: در این تگ کلیه تنظیمات از جمله، عنوان صفحه، دستورات css، لینک های css و جاوا اسکریپت و ... قرار می گیرد.

body: هر آنچه که قرار است به کاربر نمایش داده شود، درون تگ body قرار می گیرد.

یکی از تنظیماتی که در قسمت head می توان قرار داد، عنوان صفحه(سند) می باشد که درون تگ title قرار می گیرد. بنابراین یک سند html به شکل زیر خواهد بود.

<!DOCTYPE html>

برنامه Notepad را باز کرده و دستورات فوق را درون آن تایپ کنید.

<!DOCTYPE html>
<html>
	<head>
		<title>آکادمی بنو</title>
	</head>
	<body>

	</body>
</html>

نکته: جهت خوانایی بیشتر بهتر است هر عنصری که درون عنصر دیگر قرار می گیرد(بین تگ باز و بسته) نسبت به پدر خود، به اندازه یک tab فاصله قرار گیرد. همانطور که در کدهای فوق نیز مشخص است، تگ head و body نسبت به پدر خود که html می باشد به اندازه یک tab فاصله گرفته است و به همین ترتیب تگ ttitle نسبت به تگ head.

پس از نوشتن دستورات، از منوی File گزینه Save As را انتخاب کنید.

ذخیره سازی فایل html

ابتدا محل ذخیره سازی را مشخص کرده و سپس در کادر File Name نامی برای صفحه خود تعیین کنید. در انتها از کادر Encoding گزینه، UTF-8 را انتخاب کنید، اگر مرحله آخر انجام نشود، نوشته های فارسی به شکل صحیحی نمایش داده نخواهند شد. پس از انجام تنظیمات، روی دکمه Save کلیک کنید تا فایل مورد نظر ذخیره گردد و برنامه Notepad را ببندید.

جهت اجرای صفحه ایجاد شده، به محل ذخیره سازی آن مراجعه کرده و روی فایل مورد نظر دابل کلیک کنید.

اجرای فایل Html

ویرایش فایل

در صورتیکه قصد داشته باشید فایل ایجاد شده را ویرایش نمایید، روی صفحه مورد نظر کلیک راست کرده و از منوی Open whith گزینه Notepad را انتخاب کنید.

ویرایش فایل html

توجه داشته باشید که پس از اعمال تغییرات، کافی است کلید ترکیبی Ctrl + S را فشرده یا از منوی File گزینه Save را انتخاب نمایید.