مقاله + آپارات

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

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

زبان نشانه گذاری HTML

HTML‌ یک نوع زبان نشانه گذاری است. یعنی HTML داده‌ها را محصور می‌کند یا آن‌ها را در داخل تگ‌های (برچسب‌های) HTML «علامت‌گذاری» می‌کند. این نشانه‌گذاری، هدف داده را تعریف و تفسیر می‌کند. سپس، مرورگر وب کدهای HTML‌ را می‌خواند و این کدها محل مؤلفه‌هایی مثل عنوان‌ها، پاراگراف‌ها، لینک‌ها و سایر موارد را برای مرورگر مشخص می‌کنند. در واقع، HTML داده را برای مرورگر توصیف می‌کند تا مرورگر وب بتواند داده‌ها را به شکل مناسبی نمایش دهد.

به همراه HTML‌ و برای تکمیل آن، می‌توان از فناوری‌هایی مانند CSS و زبان‌های اسکریپت‌نویسی مثل جاوا اسکریپت برای ایجاد وب‌سایت‌ها کمک گرفت. اما، با توجه به اینکه استفاده از عبارت «زبان برنامه نویسی HTML» در میان عموم رایج است و توسط اکثر افراد از این اصطلاح استفاده می‌شود، در این مطلب نیز همین عبارت به کار برده شده است.

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

زبان برنامه نویسی HTML در واقع زبان نشانه‌گذاری استاندارد برای ایجاد مستنداتی است که در یک مرورگر وب نمایش داده می‌شوند.‌ HTML کدی است که برای ساختاردهی به محتوا در یک صفحه وب استفاده می‌شود. برای مثال، محتوا ممکن است در قالب یک دسته از پاراگراف‌ها، لیست‌های نشانه‌دار (Bullet Points) یا استفاده از تصاویر و جداول داده باشد.

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

HTML مخفف چیست ؟

HTML‌ سرنامی برای عبارت HyperText Markup Language به معنی زبان نشانه‌گذاری ابرمتن است. مفهوم دو کلمه HyperText و Markup ممکن است در ابتدا پیچیده و گنگ به نظر برسد، بنابراین، در ادامه این بخش توضیحات بیش‌تر درباره هر کدام ارائه شده است.

ابرمتن چیست؟

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

نشانه گذاری

نشانه‌گذاری (Markup) کاری است که تگ‌های اچ‌تی‌ام‌ال (برچسب اچ‌تی‌ام‌ال | HTML Tag) با متن داخل‌شان انجام می‌دهند. تگ‌ها متن را به عنوان یک نوع متن خاص نشانه‌گذاری می‌کنند (مثل نوع ایتالیک). در ادامه، برای آشنایی بیش‌تر با زبان برنامه نویسی HTML دو مفهوم مهم تگ HTML و صفت HTML معرفی شده است

تگ های HTML‌ چه هستند ؟

این تگ های HTML‌ است که یک متن معمولی را از کد HTML‌ تفکیک می‌کنند. تگ‌ها یا برچسب‌های HTML بین یک علامت کوچک‌تر و یک علامت بزرگ‌تر یا در واقع در داخل پرانتز گوشه‌‌دار (Angle-Bracket) مثل <angle bracket> قرار می‌گیرند. امکان قرار دادن همه نوع چندرسانه مثل عکس، جدول و موارد دیگر در‌ یک صفحه وب، به وسیله تگ‌های HTML وجود دارد. تنها لازم است آنچه که مرورگر باید در صفحه رندر (Render | پردازش) کند را تعیین و مشخص کرد.

مثالی برای تگ HTML

ساده‌ترین تگ‌ها تنها کار شکل دهی به متن را انجام می‌دهند. یک نمونه تگ ساده HTML در ادامه به عنوان مثال ارائه شده است.

<b>این کلمات در داخل تگ درشت نشان داده خواهند شد</b> اما، این کلمات به صورت عادی نمایش داده می‌شوند

در مثال بالا، تگ‌ b به صورت <b> </b> در دو طرف جمله «این کلمات در داخل تگ درشت نشان داده خواهند شد» را احاطه کرده‌اند. تأثیر تگ <b> این است که از طریق یک مرورگر عادی، متن داخل آن به صورت درشت (بولد | Bold) نشان داده خواهد شد. تصویر خروجی این کد در مرورگر فایرفاکس به صورت زیر است.

عنصر HTML چیست ؟

یک عنصر HTML یا HTML Element به وسیله یک تگ آغازین تعریف می‌شود. اگر عنصر محتوایی را در خود جای داده باشد، با یک تگ پایانی بسته می‌شود. در مثالی که برای تگ HTML در بالا ارائه شد، <b> تگ آغازین برای عنصر b است و چون این عنصر در داخلش متن وجود دارد باید با تگ پایانی <b/> بسته شود.

صفت های HTML چه هستند ؟

صفت های HTML کلمات مخصوصی هستند که در داخل تگ ابتدایی برای مدیریت رفتار یک عنصر به کار گرفته می‌شوند. یک عنصر HTML‌ متشکل از تگ ابتدایی، تگ انتهایی و محتوایی است که بین این دو قرار می‌گیرد. همه عنصرهای HTML می‌توانند دارای صفت باشند. صفت های HTML ویرایش کننده انواع عناصر HTML هستند. در واقع،‌ صفت‌ها اطلاعات افزوده‌ای را در مورد عناصر HTML فراهم می‌کنند. صفت‌های HTML همیشه در داخل تگ‌های آغازین قرار داده می‌شوند. صفت‌ها معمولا به صورت جفت‌های نام و مقدار (name="value"‎) تعریف می‌شوند.

مثالی برای صفت HTML

در این بخش، ‌برای درک بهتر صفت های HTML یک مثال ساده استفاده از صفت HTML ارائه می‌شود. تگ <a> یک ابرلینک را تعریف می‌کند. در داخل تگ آغازین <a>، صفت href آدرس URL‌ را مشخص می‌کند. کد HTML‌ مربوط به این مثال در ادامه ارائه شده است.

<a href="https://itgraphics.ir">zibadesign</a>

همان‌طور که در کد بالا ملاحظه می‌شود، صفت href در داخل تگ آغازین <a> تعریف شده است. href آدرس اینترنتی ما را مشخص کرده است. این آدرس اینترنتی در داخل متن «zibadesign» تعبیه شده و در خروجی به صورت یک لینک آبی رنگ با یک خط در زیر آن، نمایش داده خواهد شد.