آموزش اچ تی ام ال
ساخت یک سند HTML
آموزش اچ تی ام ال از آب خوردن نیز آسانتر است. برای ایجاد فایلهای اچ تی ام ال نه به برنامه خاصی و نه به سیستم عامل بخصوصی نیاز دارید. در واقع شما آموزش اچتیامال را میتوانید حتی به کمک نرمافزار نوت پدنت پد ویندوز نیز ایجاد کنید. با این وجود توصیه میکنیم برای راحتتر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن استفاده کنید.
ما در این آموزش اچ تی ام ال، به شما نحوه ایجاد یک فایل اچ تی ام ال را در برنامه ویرایش متن پیش فرض ویندوز، یعنی نوت پد Notepad آموزش میدهیم.
مرحله اول: در نسخههای قبل از ویندوز 8، بر روی دکمه Start ویندوز کلیک کنید. سپس از بخش All Programs وارد بخش Accessories شوید و از آنجا برنامه Notepad را اجرا کنید. در ویندوز 8 یا نسخههای جدیدتر نیز منوی استارت (گوشه سمت چپ صفحه) را کلیک کرده و کلمه Notepad را تایپ کنید تا برنامه در لیست روبرویتان قرار گیرد. حالا متن کدها را در فایل متنی که باز کردهایم وارد میکنیم. در حال حاضر چون متنی را نمیدانیم هر چه دوست دارید در آن بنویسید و به مرحله بعدی بروید.
مرحله دوم: حالا وقت ذخیره فایل در آموزش اچ تی ام ال (قالب صفحه اچ تی ام ال) است. برای این کار از منوی file در نرم افزار NotePad گزینه save As را انتخاب کنید. فایلتان را به نام دلخواه مثلا zoomit.Html تغییر دهید. توجه داشته باشید که حتما پسوند html. را بعد از نام دلخواهتان قرار دهید تا فرمت متن به یک سند اچ تی ام ال تبدیل شود.
مرحله سوم: در این قسمت یک گزینه کشویی به نام encoding دیده میشود که بهتر است آن را روی UTF-8 قرار دهید.
مرحله پایانی: حالا فایلتان را در جایی که دوست دارید ذخیره کنید. با کلیک بر روی آن خواهید دید که فایل در مرورگر وب پیش فرض شما باز خواهد شد و همه چیز آماده شروع کد نویسی به زبان HTML است.
تگها (Tag):
ما در بین دو علامت <> قرار میگیرند. ما به این علامت و کلمه بین آنها, اصطلاحا تگ اچ تی ام ال یا گاهی المان اچ تی ام ال میگوییم. به مثال زیر توجه کنید تا منظورمان را بهتر متوجه شوید:
<اسم تگ> متن یا هر چیز دیگر<اسم تگ به همراه علامت اسلش(/)>
<tagname> content </tagname>
به تگ اول opening tag و به تگ دوم Closing tag میگوییم. شما هر چه دوست دارید خطابشان کنید.
- نمونه یک تگ باز کننده (همان فارسی openning tag است): <html>
- نمونه یک تگ تمام کننده (معادل فارسی closing tag است): <html/>
قالب تگهای HTML به صورت بالا تعریف میشوند. یعنی در ابتدا نام تگی که قصد استفاده از آن را داریم,در بین< > مینویسیم، سپس محتوایی که میخواهیم نمایش دهیم را بین دو تگ ابتدایی و انتهایی نوشته و در آخر المان را با علامت اسلش / تمام میکنیم.
خیلی مهم است که حتما به بسته شدن و باز شدن تگهایتان دقت داشته باشید. اگر به موقع تگهایتان را تمام نکنید ممکن است اچ تی ام ال هر تگ را تا انتهای صفحه نمایش دهد یا ترتیب آنها را رعایت نکند.