html چیست؟

HTML یکی از سه فناوری اصلی وب است.

این یک زبان نشانه گذاری است که به عنوان پایه وب جهانی عمل می کند و پایه خوبی برای زبان های دیگر مانند CSS و جاوا اسکریپت به شما می دهد. یا ساخت وب سایت به صورت بصری با ابزارهایی مانند Webflow.ایران سایت قدیمی ترین شرکت طراحی سایت iransite.com در ایران

امروز نگاهی دقیق‌تر به HTML خواهیم داشت، نحوه کارکرد آن را بررسی می‌کنیم و در مورد کاربرد آن بحث خواهیم کرد.

HTML چیست؟

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

سر تیم برنرز لی. منبع: NDLA.

او در سال 1989 یادداشتی نوشت و ایده خود را درباره سیستم فرامتن مبتنی بر اینترنت در سال 1989 شرح داد و در سال 1991 سندی به نام “برچسب های HTML” منتشر کرد. ” در آن سند، تیم برنرز لی اولین 18 تگ HTML را توضیح داد.

یادداشتی که تیم برنرز لی درباره برچسب‌های HTML نوشت. منبع: وب موزه طراحی.https://iransite.com/web

HTML از آن زمان تا کنون بسیار تغییر کرده است:

• در 24 نوامبر 1995 منتشر شد.
• HTML3 در 14 ژانویه 1997 به عنوان توصیه کنسرسیوم وب جهانی* منتشر شد.
• HTML4 در 18 دسامبر 1997 به عنوان توصیه کنسرسیوم وب جهانی منتشر شد.
• HTML5، نسخه فعلی HTML، در 28 اکتبر 2014 به عنوان یک توصیه کنسرسیوم وب جهانی منتشر شد.

کنسرسیوم وب جهانی که با نام W3C نیز شناخته می شود، سازمانی است که استانداردهای بین المللی را برای شبکه جهانی وب تعیین می کند.

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

HTML در 94.5٪ از همه وب‌سایت‌ها، CSS استفاده می‌شود در 96.9% استفاده می‌شود، و جاوا اسکریپت در 97.9٪ از همه وب سایت ها.

چگونه این سه فناوری با هم کار می کنند تا وب را همانطور که ما می شناسیم ایجاد کنند:

• HTML یک زبان نشانه گذاری متن فوق العاده است

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

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

HTML در مقابل HTML5: تفاوت چیست؟

HTML مخفف است. برای زبان نشانه گذاری HyperText. در توسعه وب با Cascading Style Sheets (CSS) و JavaScript (JS) استفاده می شود.

HTML5 نسخه فعلی HTML است که استانداردی در توسعه وب در نظر گرفته می شود.

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

اکنون که فهمیدید HTML چیست، بیایید در نظر بگیریم. نگاهی دقیق تر به نحوه عملکرد آن.

عناصر HTML

عناصر HTML اجزای جداگانه یک سند HTML هستند که با برچسب‌های HTML.

به عنوان مثال:

این پاراگراف است.

منبع: WebCodzing.

برچسب‌های HTML در مقابل ویژگی‌های HTML

از تگ ها برای علامت گذاری ابتدا و انتهای عناصر HTML استفاده می شود. می‌توانید برچسب‌ها را از جداکننده‌ها، که به‌عنوان براکت‌های زاویه‌ای «» و «>» نیز شناخته می‌شوند، تشخیص دهید – اولی نشان‌دهنده تگ آغازین و دومی نشان‌دهنده برچسب بسته‌کننده است.

HTML. ویژگی ها

ویژگی ها برای ارائه اطلاعات اضافی در مورد عناصر HTML استفاده می شوند.

به عنوان مثال:

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

منبع: WebCodzing.

می توانید از ویژگی style برای ارائه اطلاعات بیشتر در مورد این عنصر HTML استفاده کنید.

این پاراگراف است.

Source: WebCodzing.

HTML محبوب برچسب ها

همه تگ های HTML ساختار یکسانی دارند:

• نشان دهنده باز شدن تگ است.
• نشان دهنده بسته شدن تگ است.

در اینجا برخی از پرکاربردترین برچسب های HTML:

• … شروع و پایان یک سند HTML را نشان می دهد. همه صفحات HTML باید شامل این تگ باشند.
• … نشان دهنده قسمت سر یک سند HTML است که حاوی اطلاعات متا است. این می تواند شامل تگ عنوان، متا تگ ها، CSS و موارد دیگر باشد. توجه داشته باشید که این همان تگ
  نیست!
• نشان دهنده عنوان صفحه است. در مرورگر وب نمایش داده می‌شود.
• … قسمت اصلی یک سند HTML را نشان می‌دهد که حاوی محتوای آن صفحه HTML است.
• 
  
  …
  یک عنوان سطح اول را نشان می دهد. سرفصل ها از سطح یک (بزرگترین) تا سطح 6 (کوچکترین) متغیر است. بسته به نوع عنوانی که می خواهید استفاده کنید، می توانید عدد موجود در این برچسب را تغییر دهید.
• …
  نشان دهنده یک پاراگراف است.
• نشان دهنده شکست خط است.. . . نشان دهنده یک پیوند است.
• …
  نشان دهنده یک لیست تعریف است.
• یک تصویر درون خطی را نشان می دهد.
• … نشان دهنده متن پررنگ است.
• … نشان دهنده متن ایتالیک است.
• 
  …

• 
  نشان دهنده یک جدول است.

در اینجا ویدیویی در مورد استفاده از برچسب ها در Webflow برای افزایش فرآیند طراحی وب شما وجود دارد.

رابطه بین HTML و CSS چیست؟

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

فرض کنید می خواهید متن یک رنگ خاص باشد. شما باید رنگ فونت را برای هر پاراگراف با استفاده از ویژگی style تنظیم کنید. آیا می توانید تصور کنید که مقاله ای با بیش از 2000 کلمه مرور کنید و به صورت دستی یک رنگ فونت برای هر پاراگراف تنظیم کنید؟ و سپس این کار را برای همه مقالات وب سایت خود انجام دهید؟ چه کابوسی!

خوشبختانه، دیگر سال 1995 نیست، بنابراین می‌توانید به‌جای آن از Cascading Style Sheets (CSS) استفاده کنید. CSS به شما امکان می دهد یک شیوه نامه خارجی ایجاد کنید که به عنوان راهنمای سبک برای تمام عناصر HTML در وب سایت شما عمل می کند.

سپس می توانید با استفاده از این کد HTML، آن شیوه نامه را به هر سند HTML اضافه کنید:

/p>

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

می توانید رنگ قلم پاراگراف را در شیوه نامه خارجی خود تنظیم کنید، که برای همه برچسب های

در وب سایت خود استفاده خواهید کرد.

چه زمانی از HTML استفاده می شود؟

به عنوان ذکر شده، HTML در 94.5٪ از همه وب‌سایت‌ها استفاده می‌شود – به این معنی که به عنوان پایه‌ای برای تقریباً هر چیزی که در وب می بینید.

می توانید از آن برای ایجاد موارد زیر استفاده کنید:

• وب‌سایت‌های شخصی
• وب‌سایت‌های نمونه کار
• وب‌سایت‌های تجاری
• و موارد دیگر

بررسی کنید محبوب‌ترین وب‌سایت‌های HTML جامعه ما را بررسی کنید تا ببینید چه چیزی ممکن است.

اصلی‌ترین آنها کدامند. مزایای HTML؟

در اینجا برخی از مزایای اصلی HTML آمده است:

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

HTML برای توسعه دهندگان وب اساسی است. و طراحان

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

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

منبع: https://iransite.com/