دوشنبه ۳۰ فروردین ۰۰ | ۱۷:۳۲ ۳۰۴ بازديد
HTML مخفف Hypertext Markup Language است. به کاربر این امکان را می دهد تا بخشها ، پاراگراف ها ، عناوین ، پیوندها و نقل قول های مسدود را برای صفحات وب و برنامه ها ایجاد و ساختار دهد.
HTML یک زبان برنامه نویسی نیست ، به این معنی که توانایی ایجاد عملکرد پویا را ندارد. در عوض ، امکان سازماندهی و قالب بندی اسناد ، مشابه Microsoft Word را فراهم می کند.هنگام کار با HTML ، ما از ساختارهای کد ساده (برچسب ها و ویژگی ها) برای علامت گذاری یک صفحه وب استفاده می کنیم. به عنوان مثال ، ما می توانیم با قرار دادن متن پیوست شده در یک برچسب شروع <p> و بستن </ p> ، یک پاراگراف ایجاد کنیم.
<p> به این ترتیب که یک پاراگراف را به HTML اضافه می کنید. </ p>
<p> می توانید بیش از یک مورد داشته باشید! </ p>
به طور کلی ، HTML یک زبان نشانه گذاری است که یادگیری آن حتی برای مبتدیان کامل در ساخت وب سایت نیز ساده و آسان است. این مواردی است که با خواندن این مقاله خواهید آموخت:
تاریخچه HTML
HTML چگونه کار می کند؟
بررسی اجمالی برچسب های HTML که بیشتر استفاده می شود
برچسب های سطح بلوک
برچسب های درون خطی
تکامل HTML. چه تفاوتی بین HTML و HTML5 وجود دارد؟
جوانب مثبت و منفی HTML
HTML ، CSS و JavaScript چگونه با هم ارتباط دارند؟
بنابراین ... HTML چیست؟
تاریخچه HTML
HTML توسط تیم برنرز لی ، فیزیکدان موسسه تحقیقاتی CERN در سوئیس ابداع شد. او ایده یک سیستم ابرمتنی مبتنی بر اینترنت را ارائه داد.
Hypertext به معنای متنی است که شامل ارجاعات (پیوندها) به سایر متون است که بینندگان می توانند بلافاصله به آن دسترسی پیدا کنند. وی اولین نسخه HTML را در سال 1991 منتشر کرد که متشکل از 18 برچسب HTML بود. از آن زمان ، هر نسخه جدید از زبان HTML با برچسب ها و ویژگی های جدید (اصلاح کننده های برچسب) به نشانه گذاری وارد شد.
طبق مرجع عناصر HTML Mozilla Developer Network ، در حال حاضر 140 برچسب HTML وجود دارد ، اگرچه برخی از آنها از گذشته منسوخ شده اند (توسط مرورگرهای مدرن پشتیبانی نمی شوند).
به دلیل افزایش سریع محبوبیت ، اکنون HTML یک استاندارد وب رسمی محسوب می شود. مشخصات HTML توسط کنسرسیوم شبکه جهانی وب (W3C) حفظ و توسعه می یابد. می توانید آخرین وضعیت زبان را در هر زمان در وب سایت W3C بررسی کنید.
بزرگترین ارتقا of زبان ، معرفی HTML5 در سال 2014 بود. چندین برچسب معنایی جدید به نشانه گذاری اضافه کرد ، که معنی محتوای خود را نشان می دهد ، مانند <مقاله> ، <header> و <فوتور>.
HTML چگونه کار می کند؟
اسناد HTML پرونده هایی هستند که با پسوند .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>
عنصر اصلی یک تقسیم ساده است (<div> </div>) که می توانید برای علامت گذاری بخش های محتوای بزرگتر استفاده کنید.
این شامل یک عنوان (<h1> </h1>) ، یک زیرعنوان (<h2> </h2>) ، دو پاراگراف (<p> </p>) و یک تصویر (<img>) است.
پاراگراف دوم شامل پیوندی (<a> </a>) با ویژگی href است که حاوی URL مقصد است.
برچسب تصویر همچنین دارای دو ویژگی است: src برای مسیر تصویر و alt برای توضیحات تصویر.
HTML یک زبان برنامه نویسی نیست ، به این معنی که توانایی ایجاد عملکرد پویا را ندارد. در عوض ، امکان سازماندهی و قالب بندی اسناد ، مشابه Microsoft Word را فراهم می کند.هنگام کار با HTML ، ما از ساختارهای کد ساده (برچسب ها و ویژگی ها) برای علامت گذاری یک صفحه وب استفاده می کنیم. به عنوان مثال ، ما می توانیم با قرار دادن متن پیوست شده در یک برچسب شروع <p> و بستن </ p> ، یک پاراگراف ایجاد کنیم.
<p> به این ترتیب که یک پاراگراف را به HTML اضافه می کنید. </ p>
<p> می توانید بیش از یک مورد داشته باشید! </ p>
به طور کلی ، HTML یک زبان نشانه گذاری است که یادگیری آن حتی برای مبتدیان کامل در ساخت وب سایت نیز ساده و آسان است. این مواردی است که با خواندن این مقاله خواهید آموخت:
تاریخچه HTML
HTML چگونه کار می کند؟
بررسی اجمالی برچسب های HTML که بیشتر استفاده می شود
برچسب های سطح بلوک
برچسب های درون خطی
تکامل HTML. چه تفاوتی بین HTML و HTML5 وجود دارد؟
جوانب مثبت و منفی HTML
HTML ، CSS و JavaScript چگونه با هم ارتباط دارند؟
بنابراین ... HTML چیست؟
تاریخچه HTML
HTML توسط تیم برنرز لی ، فیزیکدان موسسه تحقیقاتی CERN در سوئیس ابداع شد. او ایده یک سیستم ابرمتنی مبتنی بر اینترنت را ارائه داد.
Hypertext به معنای متنی است که شامل ارجاعات (پیوندها) به سایر متون است که بینندگان می توانند بلافاصله به آن دسترسی پیدا کنند. وی اولین نسخه HTML را در سال 1991 منتشر کرد که متشکل از 18 برچسب HTML بود. از آن زمان ، هر نسخه جدید از زبان HTML با برچسب ها و ویژگی های جدید (اصلاح کننده های برچسب) به نشانه گذاری وارد شد.
طبق مرجع عناصر HTML Mozilla Developer Network ، در حال حاضر 140 برچسب HTML وجود دارد ، اگرچه برخی از آنها از گذشته منسوخ شده اند (توسط مرورگرهای مدرن پشتیبانی نمی شوند).
به دلیل افزایش سریع محبوبیت ، اکنون HTML یک استاندارد وب رسمی محسوب می شود. مشخصات HTML توسط کنسرسیوم شبکه جهانی وب (W3C) حفظ و توسعه می یابد. می توانید آخرین وضعیت زبان را در هر زمان در وب سایت W3C بررسی کنید.
بزرگترین ارتقا of زبان ، معرفی HTML5 در سال 2014 بود. چندین برچسب معنایی جدید به نشانه گذاری اضافه کرد ، که معنی محتوای خود را نشان می دهد ، مانند <مقاله> ، <header> و <فوتور>.
HTML چگونه کار می کند؟
اسناد HTML پرونده هایی هستند که با پسوند .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>
عنصر اصلی یک تقسیم ساده است (<div> </div>) که می توانید برای علامت گذاری بخش های محتوای بزرگتر استفاده کنید.
این شامل یک عنوان (<h1> </h1>) ، یک زیرعنوان (<h2> </h2>) ، دو پاراگراف (<p> </p>) و یک تصویر (<img>) است.
پاراگراف دوم شامل پیوندی (<a> </a>) با ویژگی href است که حاوی URL مقصد است.
برچسب تصویر همچنین دارای دو ویژگی است: src برای مسیر تصویر و alt برای توضیحات تصویر.