اگر شما هم با محیط وب و برنامه نویسی آن سر و کار دارید حتما نام HTML به گوشتان خورده و برایتان سوال شده که زبان HTML چیست؟

آیا با کاربرد این زبان، تفاوت آن با سایر زبان های برنامه نویسی وب و کاربرد آن آشنا نیستید؟

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

همراه ما باشید.

#1 زبان Html چیست؟

دانلود pdf مقاله

اگر بخواهیم html را به زبان ساده توضیح دهیم و پاسخ دهیم که HTML چیست باید بگوییم که
html پایه زبان های دیگر برنامه نویسی وب است.

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

در توضیح خلاصه تر، html زبان برنامه نویسی پایه وب برای بارگذاری فایل ها و قالب بندی بدنه اصلی یا همان اسکلت سایت است.

برای اینکه شما راحت تر این مضوع را درک کنید یک مثال ساده می زنیم:
یک ساختمان داریم نقشه این ساختمان می شود ذهن برنامه نویس و خود ساختمان برنامه ای که می نویسد تا صفحه وب خود را بسازد.

html بدنه ساختمان

برای ساخت این ساختمان اولین کاری که باید کرد سرهم بندی بدنه و اسکلت ساختمان است
این بدنه می شود html و بقیه چیز های ساختمان هم می شوند زبان های دیگری که با کمک html به سایت جلوه می دهند مانند زبان CSS یا php که
از زبان های مشهور و مهم برنامه نویسی وب هستند.

1-1# HTML مخفف چیست؟

در جواب زبان HTML چیست یک پاسخ ساده اولیه این است که HTML مخفف کلمه Hyper Text Markup Language که
اگر به خواهیم به زبان فارسی معنی و ترجمه کنیم می شود (زبان نشانه گذاری فرا متن)

#2 تاریخچه پیدایش html

زبان html

یک فیزیکدان انگلیسی ساکن شهر لندن به نام تیم برنرز لی (Tim Berners-Lee) در سال 1980 یک سیستم پیشنهاد کرد به نام سیستم ENQUIRE.

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

برنرز لی در سال 1989 یک یادداشت نوشت مبنی بر اینکه میخواهد سیستمی اینترنتی معرفی کند به نام ابر متن (Hypertext).

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

در همان سال برنرزلی و مهندس دیتای CERN با هم و به صورت مشترک درخواست بودجه کردند ولی
آن پروژه به صورت رسمی توسط CERN قبول نشد.

اولین باری که توصیفی عمومی برای HTML نوشته شد توسط تیم برنرز لی و سندی به نام «HTML Tags» بود و
در اواخر سال 1991 در اینترنت قرار گرفت.

این سند طرح اولیه و بسیار ساده ای از html بود.

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

html از چندین مولفه مهم شامل تگ ها ساخته شده است.

تگ های html معمولا به صورت جفتی هستند مانند h1 و h1/

اما بعضی از آنها نیز نشان دهنده عناصر خالی هستند و هیچ جفتی ندارند مانند img

در زیر یک نمونه از برنامه «!Hello World» را مشاهده می کنید که
معمولا برای مقایسه زبان های برنامه نویسی مختلف مورد استفاده قرار می گیرد.

برنامه hello world

متن بین دو تگ html و html/ نشان نشان دهنده صفحه وب است و
متنی که بین body و body/ قرار دارد نشان دهنده و تعریف کننده محتوای قابل مشاهده است.

تگ html نشان دهنده نوع زبان برنامه نویسی کد است و اینگونه حتی برنامه ساده ای مثل notepad هم می فهمد که این یک برنامه html است.

#3 زبان html و CSS

رابطه html , css

مثال ساختمان را یادتان هست؟

گفتیم که html مانند بدنه و ساختار کلی یک ساختمان است ولی
یک ساختمان با بدنه تنها نمی تواند ساختمان خوبی باشد باید ارتقا داده و کامل شود.

CSS در این راه به کمک html می آید و کدهای آن را ارتقا می دهد و
یا سازمان دهی می کند و ساختار ظاهری صفحه وب را می سازد.

این را هم ببینید
زبان برنامه نویسی CSS

#4 تفاوت زبان برنامه نویسی با زبان نشانه گذاری

ما با کمک زبانی قدرتمند به نام زبان برنامه نویسی توانایی حرف زدن با کامپیوتر را بدست می آوریم.

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

این را هم ببینید
برنامه نویسی تحت وب

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

زبان نشانه گذاری

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

#5 تگ (tag) چیست؟

می دانیم که زبان های نشانه گذاری و مخصوصا html با استفاده از تگ هاست که قدرت خود را بدست آورده است.

حال این مواد سازنده و مهم html چیست ؟

استفاده از تگ در html

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

#6 زبان HTML5 چیست؟

Html4 در سال 2008 خیلی مشهور بود و از آن بسیار استفاده می شد اما
این نسخه از html ضعف های بسیاری داشت که با بروزرسانی حل می شد تا
جایی که شرکت Whatwg توسعه و بروز رسانی این زبان را در دست گرفت و آن را ارتقا داد و HTML5 را ساخت.

یکی از مهم ترین مشکلات HTML4 بخش مالتی مدیا یا همان چندرسانه ای (multimedia) بود.

همچنین بخش گرافیک نیز مشکلاتی داشت.

در سال 2014 آپدیتی بسیار مهم برای HTML5 اتفاق افتاد.

مشخصاتی که در این آپدیت جدید برای HTML5 اجرا شد اضافه شدن تگ های جدیدی بود که
بسیار تاثیر مهمی برای بهتر کردن کیفیت و بهتر کردن تجربه کاربران داشت.

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

بعد از اینکه آموختیم زبان html چیست و نقاط تفاوت آن با سایر زبان ها را دانستیم نوبت آن شده است که
بدانیم مزایا و معایب استفاده از این زبان چیست؟

#7 مزایا و معایب HTML

این زبان که یک زبان مهم و اصلی ترین زبان در ساخت صفحات وب است هنوز که هنوز است پس از سال ها زبان شماره یک ساخت و طراحی بدنه سایت ها است

هرچند که مشکلات زیادی نیز دارد مانند:

  • وابستگی به زبان های سرور یا همان استاتیک بودن تا بتواند با کاربر تعامل پیدا کند
  • HTML نمی تواند مرورگر های قدیمی را پشتیبانی کند
  • شما باید هر صفحه را جداگانه طراحی کنید زیرا HTML قواعد منطقی برنامه نویسی را ندارد

هرچند که این زبان باید مزایایی هم داشته باشد که تا به امروز مورد استفاده قرار می گیرد که عبارت است از:

  • فراگیری آسان و بی دردسر
  • مورد استفاده در تمام مرورگرها
  • باز بودن متن و رایگان بودن برای همه
  • ترکیب شدن ساده و ادغام با زبان های سمت سرور

در آخر امیدواریم که پاسخ سوال Html چیست شما را داده باشیم و به نتیجه دلخواه رسیده باشید.

مقاله بالا بخشی از مطالب گسترده شناسایی هوشمند است.

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

برای مشاهده توضیحات کامل بسته کلیک کنید.

مشاهده بسته شناسایی هوشمند
بسته شناسایی هوشمند

اگر به دنبال یاد گرفتن مهارت بیشتر و افزایش درآمد هستید،

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

لطفا موبایل خود را وارد نمایید

نظرتون درباره این مقاله چیه؟
ما رو راهنمایی کنید تا اون رو کامل تر کنیم و نواقصش رو رفع کنیم.
توی بخش دیدگاه ها منتظر پیشنهادهای فوق العاده شما هستیم.