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

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

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

در زمان های گذشته،   پیش از چاپ کردن یک کتاب، نخست نسخه ی خطی و دست نویس شده ی آن را نشانه گذاری می کردند  منظور از نشانه گذاری یا 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 نیاز به مرورگر وب دارید. هر چند از نظر فنی می توان بدون داشتن مرورگر هم صفحات وب را ساخت  اما  بی شک این روش  هیچ لذتی نخواهد داشت.

HTML  کوتاه شده ی Hyper Text Markup Language زبان وب است. این  زبان به شما امکان می دهد صفحات را وب ایجاد کنید و هر چیزی را که دوست دارید در آنها قرار دهید ( تقریباً هر چیزی!).

در این بخش از پرشین وب گیک  مقالات آموزشی برای فراگیری  زبان HTML و کد نویسی با آن ارایه می کنیم

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

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

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

برای نمایش یک صفحه وب که گاهی به آن یک سند وب یا web document  نیز گفته می شود از مرورگرهای اینترنتی  در کامپیوتر یا گوشی تلفن همراه استفاده می کنیم. معروفترین این مرورگرها عبارتند از Mozilla Firefox، Google Chrome، Microsoft Edge، Opera که براحتی در دسترس همگان قرار دارد.

بسیاری از افراد مفهوم«وب»  را با «اینترنت» اشتباه می گیرند و این دو واژه را بجای هم بکارمی برند. اما باید دانست منظور از وب صفحاتی است که دربرگیرنده ی محتواست در حالیکه اینترنت شبکه ای از کامپیوترها ست که به کمک  زیر ساخت های ارتباطی به یکدیگر  در سراسر جهان متصل شده اند و به روش های خاصی با هم ارتباط برقرار می کنند. بنابراین اینترنت یک  شبکه ی بزرگ است که صفحات وب دربستر آن تولید و منتشر می شوند.

وب  (به انگلیسی web  ) به معنی تارعنکبوت است  و در حقیقت این واژه  کوتاه شده ی عبارت  World Wide Web به معنی تارنمای جهان گستر است. زیرا صفحات وب مانند یک تار عنکبوت از طریق لینک هایی تارگونه به هم پیوند زده شده اند. ممکن است در بعضی نوشته ها به جای World Wide Web  با علامت های اختصاری www یا w3 نیز برخورد کنید.