در زمان های گذشته،   پیش از چاپ کردن یک کتاب، نخست نسخه ی خطی و دست نویس شده ی آن را نشانه گذاری می کردند  منظور از نشانه گذاری یا mark up  این بود که آن را به دست گروهی از  ویراستاران، تصحیح کنندگان، طرحان گرافیک ویا  تایپو گراف ها  می دادند تا آنها  با حاشیه نویسی در پایین یا کناره های نسخه دست نویس شده،  مشخص کنند که قسمت های مختلف متن کتاب با چه نوع قلمی و با چه اندازه ای چاپ شود و اینکه عکس ها یا تصاویر با چه اندازه ای یا چه رنگی چاپ شده و در کدام موقعیت قرار داده شوند.  پس از علامت گذاری متن، در نهایت نسخه ی خطی برای حروفچینی دستی یا ماشینی به چاپخانه ارسال می شد.

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

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

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

برای ایجاد یک سند  HTML به چه چیزی نیاز دارم؟

برای ساخت اسناد  HTML نیازی به تجهیزات یا نرم افزار خاصی ندارید. در واقع، شما احتمالاً در حال حاضر همه چیز مورد نیاز خود را دارید. تمام چیزی هایی که نیاز دارید اینها هستند:

کامپیوتر:

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

ویرایشگر HTML:

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

هرچند که با استفاده از یک ویرایشگر متن ساده نیز می توان  اسناد HTML را ایجاد کرد، اما استفاده از یک ویرایشگر اختصاصی برای نوشتن کدهای  HTML کارتان را آسان تر می کند - به ویژه اگر قصد دارید کد زیادی بنویسید.

ویرایشگرهای اختصاصی HTML معمولاً قسمت های مختلف کد شما را با رنگ های گوناگون برجسته می‌کنند تا خواندن آن آسان‌تر باشد، و معمولاً دارای  ویژگی تکمیل خودکار هستند به گونه ای که با نوشتن قسمتی از کد بقیه ی آن را تکمیل می کنند و همچنین در هنگام نوشتن کد گزینه های معتبری را  پیشنهادمی کنند.

ویرایشگرهای HTML رایگان:

بسیاری از ویرایشگرهای HTML پولی هستند. اما شماری از آنها نیز  رایگان هستند. به عنوان نمونه ویرایشگر Brackets که در شکل نشان داده شده یا ویرایشگر های SeaMonkey و یا نسخه ی رایگان تحت ویندوز ویرایشگر   CoffeeCup و یا نسخه ی ویندوزی TextPadهمگی نمونه هایی از این دست هستند.

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

ویرایشگرهای متن ساده:

وبرایشکرهای Notepad (در ویندوز)، Pico (در لینوکس) یا  Simpletext/Text Edit/Text Wrangler (در مک) نمونه هایی از وبرایشکرهای عمومی متن هستند.

مرورگر وب:

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