• پرتال مشتریان
  • تلفن : 23 ، 21 ، 22885320-021

HTML  چیست و چه کاربردی دارد ؟

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

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

زبان HTML هیچ ظاهری ندارد و به کمک مکمل خود یعنی CSS ظاهر و شکل و شمایل می گیرد.

هم HTML و هم CSS ساده ترین زبان های کامپیوتری و نشانه گذاری هستند.

 

آیا HTML سخت است ؟

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

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

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

 

آیا برای کدنویسی HTML نیاز به ابزار خاصی داریم ؟

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

آیا یادگیری HTML و CSS برای ساخت سایت کافی است ؟

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

هر سایت دارای دو بخش اصلی است. FRONT-END (چیزی که کاربر می بیند) و BACK-END  (چیزی که کاربر نمی بیند در واقع همان برنامه نویسی سایت).

در این میان باز هم HTML و CSS بخش کوچکی از بخش FRONT-END یک سایت رو به عهده گرفته است.

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

  • HTML
  • CSS
  • Javascript
  • PHP
  • Mysql

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

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

در دنیای طراحی صفحات وب سایت نیز اسکلت و زیر بنای صفحات در واقع همان زبان HTML بوده و طراحی نما و زیبا سازی سایت به کمک زبان هایی نظیر CSS انجام می گیرد.

 

 HTML مخفف چیست

شاید برای شما هم سوال باشد که معنی HTML چیست یا به عبارتی HTML  مخفف چیست ؟

عبارت HTML مخفف (Hyper Text Markup Language) می باشد که معادل  فارسی آن «زبان نشانه‌ گذاری ابر متنی» خواهد بود. البته با توجه به وسعت کاربرد آن این ترجمه فارسی نمی تواند کاربرد HTML را به خوبی توضیح دهد.

در ادامه مقاله، برای روشن شدن معنی دقیق HTML و یا به عبارتی زبان نشانه‌ گذاری ابر متنی، با کاربرد HTML بیشتر آشنا خواهیم شد.

نکته: HTML یک زبان برنامه نویسی نیست. HTML یک زبان نشانه گذاری است.

 

کاربرد HTML

اگر بخواهیم کاربرد HTML را بطور ساده توضیح دهیم باید بگوییم:

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

اگر کمی با طراحی وب آشنایی داشته باشید،‌ حتما میدانید که طراحی وب ۲ مرحله اصلی دارد:

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

اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود.

حال شاید بپرسید تگ (Tag) چیست؟!

قبل از توضیح این سوال و البته تکمیل توضیح سوال HTML چیست و زبان نشانه گذاری ابر متنی دقیقا یعنی چه، این نکته را فراموش نکنید که:

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

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

 

تگ های HTML

انجام هر عملی در HTML به کمک تگ های HTML امکان پذیر می باشد، در اصل این تگ های HTML هستند که به آن قدرت می دهند.

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

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

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

 

ساخت فایل HTML

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

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

برای ساخت فایل HTML کافی است کد های بالا را در notepad ویندوز کپی کرده و با پسوند .html ذخیره کنید.

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

 

تولد HTML

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

تیم برنرز-لی مخترع فناوری وب و HTML

در سال ۱۹۸۹ میلادی جایی که فیزیکدانان سراسر دنیا در آزمایشگاه قاره اروپا در  ژنو برای آزمایش فیزیک ذره ای دور هم جمع شده بوده و به بیان دیدگاه ها، تفکرات، و یافته های خود می پرداختند تیم برنرز- لی ایده ای به فکرش خطور کرد.

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

 

 HTML5 چیست؟

HTML5 در حال حاضر جدید ترین نسخه HTML می باشد که مورد تایید شبکه جهانی وب (W3C) است و قابلیت های خوب آن باعث شده تا برنامه نویسان حرفه ای برای طراحی صفحات وب از HTML5 استفاد نمایند.

در حال حاضر HTML5 با CSS3 همراه بوده و همچنان در حال توسعه و پیشرفت است.

ارتباط HTML با CSS

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

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

در واقع CSS زبانی برای توصیف ظاهر صفحات وب شامل رنگ‌ ها، چارچوب پیرامون عکس، نشانگر ماوس، آرایش و فونت‌ها (اندازه، رنگ، نوع) است.

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

 

این ایده باعث شد تا تیم برنرز- لی در سال ۱۹۸۹ میلادی شبکه جهانی وب را اختراع کند. البته این شبکه در ابتدا یک شبکه خصوصی بود و قطعا این تیم هیچ وقت فکر نمی کرد این اختراع روزی وارد تمام خانه در سرتاسر دنیا شود.

در ادامه تیم به این موضوع فکر کردند که صفحات علمی منتشر شده در شبکه، باید چیزی فراتر از یک متن خالص باشند. پس آنها دوباره شروع به کار کردند و با توسعه شبکه خود نام این مستندات و متون پیشرفته منتشر شده را ابر متن (HyperText) گذاشتد. بطوریکه صفحات می توانستند به یکدیگر لینک بخورند. و این شروع بود بر ایجاد زبان HTML و ساخت صفحات وب که تا به امروز با انتشار آخرین ورژت HTML یعنی HTML5 در حال توسعه یافتن بوده است.

 

مزایا و معایب زبان HTML چیست ؟

همانطور که گفته شد HTML یک زبان برنامه نویسی نیست. با این حال HTML در کنار CSS و JavaScript هسته اصلی یک وب سایت را تشکیل می دهند.

بنابریان زبان نشانه گذای HTML هم دارای محدودیت ها و مزایایی است. اما مزایا و معایب زبان HTML چیست؟ اگر این زبان دارای مشکلاتی است، چرا زبان شماره یک طراحی وب سایت به شمار می رود و تمام طراحان وب سایت باید از یادگیری HTML چیست شروع کنند.

مزایای HTML :

  • قابلیت اجرا در تمام مرورگرها
  • یادگیری آسان و لذت‌بخش
  • متن باز و رایگان بودن
  • ادغام آسان با زبان‌های سمت سرور مثل PHP

معایب HTM :

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

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

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

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

 

جمع بندی

  • HTML مخفف زبان نشانه گذاری فرا متنی است (Hyper Text Markup Language).
  • HTML یک زبان برنامه نویسی نیست بلکه زبان علامت گذاری است.
  • HTML یک زبان برای توصیف صفحات وب است که توسط مرورگرها به نمایش در خواهد آمد.
  • یک زبان علامت گذاری مجموعه ای از تگ ها می باشد.
  • HTML از تگ ها برای توصیف صفحات وب استفاده می کند.
  • تگ ها در HTML پذیرای صفات مختلف و مقادیر مرتبط با آنها هستند.
  • یک فایل HTML باید دارای پسوند باشد.
  • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود.
  • هر صفحه وب در واقع یک فایل HTML است و هر فایل HTML یک متن ساده. اما فایل .html به جای متن، از چندین تگ HTML و محتوا ساخته شده است.
  • اکثر وب سایت ها حاوی چندین فایل HTML هستند که به یکدیگر لینک شده‌ و قابل ویرایش می باشند.
  • HTML اساس و بنیان طراجی صفحات وب است، اما برای زیباسازی آن‌ ها باید از CSS بهره برد.

مقالات مشابه:

نظر شما در مورد این مقاله چیست؟

best tracker