HTML چیست؟

HTML چیست؟

علی مرادی

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

هنگام کار با HTML یا همان Hypertext Markup Language ، از ساختارهای ساده کد (برچسب ها و ویژگی ها) برای مشخص کردن صفحه وب سایت استفاده می کنیم. به عنوان مثال ، می توانیم با قرار دادن متن محصور شده در یک برچسب شروع <p> و بستن </p> یک پاراگراف ایجاد کنیم.

<p>This is how you add a paragraph in HTML.</p>
<p>You can have more than one!</p>

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

HTML چگونه کار می کند؟

اسناد HTML یا Hypertext Markup Language پرونده هایی هستند که با پسوند .html یا .htm ختم می شوند. سپس می توانید با استفاده از هر مرورگر وب (مانند Google Chrome ، Safari یا Mozilla Firefox) مشاهده کنید. مرورگر پرونده HTML را می خواند و محتوای آن را ارائه می دهد تا کاربران اینترنت بتوانند آن را مشاهده کنند.

معمولاً وب سایت متوسط ​​شامل چندین صفحه HTML مختلف است. به عنوان مثال: صفحات اصلی ، در مورد صفحات ، صفحات تماس همه اسناد HTML جداگانه دارند.

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

بیشتر عناصر HTML دارای یک باز و بسته بودن هستند که از نحو <tag> </tag> استفاده می کنند.

در زیر ، می توانید نمونه ای از نحوه ساخت عناصر HTML را مشاهده کنید:

<div>
  <h1>The Main Heading</h1> 
  <h2>A catchy subheading</h2>
  <p>Paragraph one</p> 
  <img src="/" alt="Image"> 
  <p>Paragraph two with a <a href="https://example.com">hyperlink</a></p>
</div>

جوانب مثبت و منفی از HTML:

مانند اکثر موارد ، HTML دارای نقاط قوت و محدودیت هایی است.

مزایا:

  • زبانی گسترده که دارای منابع زیادی است و جامعه عظیمی در پشت آن وجود دارد.
  • در هر مرورگر وب بصورت لوکال اجرا می شود.
  • همراه با منحنی یادگیری مسطح است.
  • منبع باز و کاملاً رایگان.
  • نشانه گذاری تمیز و مداوم.
  • استانداردهای رسمی وب توسط کنسرسیوم جهانی وب (W3C) حفظ می شود.
  • به راحتی با زبانهای بک اند مانند PHP و Node.js یکپارچه می شود.

معایب:

  • بیشتر برای صفحات وب استاتیک استفاده می شود. برای عملکرد پویا ، ممکن است شما نیاز به استفاده از JavaScript یا یک زبان بک اند مانند PHP داشته باشید.
  • این امکان را به کاربر نمی دهد که کل پلن را پیاده سازی کند. در نتیجه ، باید تمام صفحات وب جداگانه ایجاد شوند ، حتی اگر از همان عناصر استفاده کنند ، به عنوان مثال هدر و پاورقی.
  • برخی از مرورگرها ویژگیهای جدید را به آرامی و کمی دیر تصویب می کنند.
  • پیش بینی رفتار مرورگر گاهی دشوار است (به عنوان مثال مرورگرهای قدیمی همیشه برچسب های جدیدتری ارائه نمی دهند).

HTML ، CSS و JavaScript چگونه ارتباط دارند؟

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

با این حال ، HTML با دو زبان اصلی دیگر بسیار خوب کار می کند:

CSS یا (Cascading Style Sheets) و JavaScript. با هم ، آنها می توانند به تجربه کاربر غنی دست یابند و عملکردهای پیشرفته ای را پیاده سازی کنند.

  • CSS مسئول استایل هایی مانند پس زمینه ، رنگ ها ، چیدمان ها ، فاصله و انیمیشن ها است.
  • JavaScript به شما امکان می دهد قابلیت های پویایی مانند اسلایدر ، پاپ آپ و گالری عکس اضافه کنید.

HTML را به عنوان یک فرد برهنه ، CSS به عنوان لباس ، و JavaScript به عنوان حرکات و روش فکر کنید.

جمع بندی:

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

امیدوارم این مقاله برای شما مفید بوده باشد.

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

برچسب ها: برنامه نویسی