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

HTML چیست ؟

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

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

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

html مخفف چیست؟

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

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

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

کاربرد HTML

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

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

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

  1. ساختاربندی اصلی صفحات وب که با HTML انجام میشود.
  2. اضافه کردن جذابیت های ظاهری مثل رنگ و… که با CSS انجام میشود.

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

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

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

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

تگ های HTML

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

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

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

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

خصوصیات تگ های html (اتریبیوت های html)

همانطور که گفته شد زبان HTML h از قرار گرفتن تگ ها مختلف در کنار هم ساخته شده است. حالا باید بدانید که تگ ها نیز شامل خصوصیات و صفت هایی هستیند که به آنها اتریبیوت در (attribute) گفته می شود. همچنین اتریبیوت های html نیز دارای مقداری هستند که با آنها attribute value گفته می وشد. در مورد صفت ها در html بعدا مفصلا توضیح خواهیم داد.

بنابراین می توان گفت که صفت ها در html بر گیرنده مقادیر خاصی هست که تأثیر مشخصی بر محتوا می‌گذارد، برای مثال برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند به صفحات دیگر در اچ تی ام ال تعریف شده‌اند.

فایل اچ تی ام ال چیست

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

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

ساختار کلی فایل های html به شکل زیر است:

فایل اچ تی ام ال چیست

همانطور که می بینید این فایل اچ تی ام ال دارای تگ های اصلی HTML (تگ اصلی)، تگ head (برای نشان دادن بخش هد سند HTML و اطلاعات عمومی در مورد سند استفاده می شود)، تگ body (قسمت اصلی سند مثل متن و تصویر در این بخش قرار می گیرد)، تگ titel ()، تگ متا است.

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

ساخت فایل HTML

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

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

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

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

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

همانطور که گفته شد اچ تی ام ال یک زبان برنامه نویسی نیست. با این حال اچ تی ام ال در کنار css و js هسته اصلی یک وب سایت را تشکیل می دهند.

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

مزایای HTML :
  • قابلیت اجرا در تمام مرورگرها
  • یادگیری آسان و لذت‌بخش
  • متن باز و رایگان بودن
  • ادغام آسان با زبان‌های سمت سرور مثل php
معایب HTM :
  • نیاز به طراحی جداگانه هر صفحه به دلیل نبود قواعد منطقی برنامه نویسی
  • استاتیک بودن و وابستگی به زبان‌های سمت سرور برای تعامل با کاربر
  • ضعف در پشتیبانی از مرورگرهای قدیمی.

برچسب‌ها:

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *