سرفصل‌های آموزشی
آموزش پروژه محور HTML و HTML5
اولین صفحه HTML ت رو ایجاد کن!

اولین صفحه HTML ت رو ایجاد کن!

فایل های HTML فایل های متنی هستند، بنابراین می توانید از هر ویرایشگر متنی برای ایجاد اولین صفحه وب خود استفاده کنید.

ویرایشگرهای HTML بسیار خوبی در دسترس هستند که می توانید یکی را به دلخواه انتخاب کنید (مانند Brackets ،Atom و VS Code). اما فعلا برای شروع این آموزش می خواهیم از Notepad استفاده کنیم. برای اینکه در ویندوز یک فایل متنی ساده ایجاد کنید، می توانید در هر پوشه ای که دوست دارید کلیک راست کرده و در گزینه ی New گزینه ی Text Document را انتخاب کنید. حالا برای فایل ساخته شده نامی دلخواه انتخاب کنید و سپس فایل را با Notepad باز کنید.

نمایی از برنامه ی notepad

⚠️ می‌توانید بدون نصب نرم‌افزار اضافی، کدهای HTML خود را در  JSFiddle یا codetester.org اجرا، ذخیره و به اشتراک بگذارید.

فایل HTML

با افزودن عبارت ".This is a line of text" در قسمت body، اولین کد HTML تان را اجرا کنید. 

<html>
    <head>
    </head>
    <body>
        This is a line of text. 
    </body>
</html>

این فایل را می توانید با نام first.html ذخیره کنید. هنگامی که فایل را باز کنید، نتیجه زیر در مرورگر وب نمایش داده می شود:

⚠️ فراموش نکنید که فایل را ذخیره کنید. نام فایل های HTML باید به html. یا htm. ختم شود.

تگ <title>:

برای اینکه صفحه ی وب شما هم مثل صفحه های وب حرفه ای، در tab مرورگری که باز شده است، عنوانی را نمایش دهد، از عنصر <title> استفاده کنید. 

<html>
    <head>
        <title>first page</title>
    </head>
    <body>
        This is a line of text. 
    </body>
</html>

⚠️ فراموش نکنید که عنصر <title> را با تگ بسته <title/> ببندید.

نتیجه به صورت زیر در browser اجرا می شود:

⚠️ از آنجایی که عنصر عنوان (title) توسط موتورهای جستجو استفاده می شود، عنصر مهمی است.

online-support-icon