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

htmlچیست؟

HTML چیست؟

کلمه ی HTML مخفف hyper text markup language است، که به معنی زبانه نشانه گذاری فوق متن می باشد. HTML یک زبان استاندارد برای طراحی صفحات وب است و تمامی کدهای صفحه چه از طرف سرور چه از طرف مشتری در نهایت به کدهای HTML تبدیل شده و از طریق مرورگر نمایش داده می شود.  به عبارت ساده تر مرورگر ها به هیچ عنوان کد های از سمت سرور که به زبان PHP و ASP هستند نمی شناسد. تنها کد قابل فهم برای مرورگر ها  HTMLاست و کامپایلر ها در نهایت کد های خود را به HTML تبدیل و به مروگر ها ارسال می کنند تا به کاربران نمایش داده شود.به زبان ساده تر HTML یک زبان نشانه گذاری است که بخش های مختلف آن توسط تگ ها از هم جداسازی شده که هرکدام ویژگی و کاربرد های مخصوص خود را دارند. این تگ ها به مرورگر ها اطلاع می دهند که هر قسمت از صفحه از چه نوع عنصری است و باید چگونه نمایش داده شود. شما می توانید در یک صفحه ی HTML عناصری مانند عکس، جدول، تیتر، ویدئو و متن قرار دهید که باید برای قرار دادن این عناصر از تگ مربوط به هرکدام استفاده کنید. صفحات HTML از کد هایی که به صورت متن هستند تشکیل شده اند. پس برای قرار دادن تصاویر یا هر عنصر دیگر باید کد مربوط به هرکدام را بنویسیم مرورگر ها با رسیدن به کد و تگ های مرتبط به هر عنصر آن ها را به نمایش می گذارند.

HTML چیست؟ از سیر تا پیاز HTML

هر کدام از کد ها و تگ های HTML معنا، مفهوم و ویژگی خاصی دارند و اثر متفاوتی بر روی محتوا می گذارند. در این قسمت می خواهیم نمونه ای از یک کد HTML و کاربرد آن را برای شما به نمایش بگذاریم:

<!DOCTYPE html>

<html>


<body>
 

<img src="smiley.gif" alt="Smiley face" width="42" height="42">
 

</body>

</html>

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

< HTML>  با <html>  در زبان برنامه نویسی HTML هیچ تفاوتی ندارد. یک فایل HTML، سندی مبتنی بر متن (text based) می باشد که با پسوند HTM. یا HTML. نامیده می شود و تمامی محتویات آن از برچسب HTML تشکیل شده است. مرورگر های وب که توانایی خواندن برچسب های HTML را دارند یک به یک برچسب ها را از داخل فایل یا سند HTML ما خوانده و محتوای آن را رندر و به ما نشان می دهد.

HTML چیست؟ از سیر تا پیاز HTML

 نحوه ساخت یک فایل HTML

HTML یک زبان آنلاین و کم حجم است ما با کمترین هزینه و امکانات می توانیم دستورات آن را نوشته و به اجرا بگذاریم. تنها کافی است تا کد های HTML را مانند مثال بالا وارد notepad (نوت پد)  و با پسوند HTML. ذخیره کنید. سپس فایل ذخیره شده را با یکی از مرورگر های نصب شده بر روی سیستم خود باز کنید تا اولین کد نویسی خود را با زبان HTML مشاهده کنید.

تاریخچه HTML

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

مزایا و معایب زبان HTML

 

 مزایای زبان HTML

  • توانایی اجرا در تمامی مرورگر ها
  • سهولت در یادگیری و لذت بخش بودن
  • این زبان رایگان و open source می باشد
  • ترکیب شدن آسان با دیگر زبان های برنامه نویسی سمت سرور از جمله PHP

 

معایب زبان HTML

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

 

HTML5چیست؟

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

رابطه ی HTML با CSS

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

HTML چیست؟ از سیر تا پیاز HTML

امروزه با افزایش گسترده وب سایت ها و راه اندازی کسب کار های آنلاین اکثریت بیزینس ها رو به راه اندازی و طراحی وب سایت آورده اند، از این رو علاقه مندی به یادگیری زبان های برنامه نویسی تحت وب به میزان چشمگیری افزایش یافته است. در این مطلب ما (تیم آموزشی وب سایت صعود) سعی کردیم تمامی نکات مهم در رابطه ی آشنایی با زبان HTML خدمت شما مخاطبین گرامی و علاقه مندان به زبان های برنامه نویسی ارائه دهیم. همچنین شما می توانید سوالات خود را در رابطه با زبان HTML از قسمت نظرات با کارشناسان وب سایت صعود مطرح کنید.