شروع کار و راه اندازی HTML

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

فهرست مطالب

همان طور که در مقدمه گفته شد HTML یک زبان نشانه گذاری فرامتنی است که عموما برای طراحی صفحات اینترنتی مورد استفاده قرار می گیرد. در این مطلب قصد داریم نحوه راه اندازی و ابزار های لازم برای طراحی سایت با HTML را به شما آموزش دهیم.

ویرایشگر HTML

نرم افزار های گوناگونی برای ساخت صفحات HTML وجود دارد مانند NetBeans یا Dreamweaver و ... اما نکته جالب این که بدون نصب نرم افزار هم امکان طراحی با HTML وجود دارد!

چگونه؟

همین الان یک پوشه جدید بسازید و درون آن کلیک راست کرده و گزینه New > Text Document را انتخاب کنید تا یک فایل با فرمت txt ساخته شود.

در ادامه روی فایل ساخته شده کلیک راست کرده و با استفاده از Rename نام و فرمت فایل را به index.html تغییر دهید.

نکته: در صورتی که امکان تغییر فرمت فایل میسر نمی باشد از سربرگ View در ویندوز گزینه File name extensions را فعال کنید.

حالا فایل ساخته شده را با برنامه Notepad ویندوز باز کرده و به عنوان نمونه، کد زیر را درون آن قرار داده سپس ذخیره کنید.

کد:

<!DOCTYPE html>
<html>
  <head>
    <title>CodeUni.Ir</title>
  </head>
  <body>
    <h1>Hi</h1>
  </body>
</html>

تبریک!

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

چند مورد از IDE و ویرایشگر های اچ تی ام ال:

  • NetBeans
  • Dreamweaver
  • Visual Studio
  • Sublime Text
  • WebStorm

معرفی مطالب در این زمینه