تک دیک

واژه نامه و مجله آموزشی کامپیوتر و فناوری

اچ تی ام ال HTML

اچ تی ام ال یا HTML چیست؟

اچ تی ام ال (HTML) یک زبان نشانه گذاری استاندارد است که برای ایجاد صفحات و اپلیکیشن‌های وب مورد استفاده قرار می‌گیرد. عنوان این زبان برگرفته از سرواژه‌های عبارت HyperText Markup Language به معنای “زبان نشانه‌گذاری ابرمتن” می‌باشد. اچ‌تی‌ام‌ال در کنار CSS و JavaScript به عنوان فناوری‌های اصلی مورد استفاده در دنیای وب شناخته می‌شود.

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

المان، تگ و خصوصیت در HTML

المان‌های اچ‌تی‌ام‌ال بدنه‌ی اصلی سازنده‌ی تمامی صفحات وب هستند و با کمک آن‌ها می‌توان تصاویر، متون، پیوندها و … را در داخل یک سند وب تعبیه نمود. اکثر این المان‌ها معمولا با یک تگ آغازین شروع می‌شوند و با یک تگ پایانی نیز به انتها می‌رسند. محتوای المان نیز بین این دو تگ قرار می‌گیرد. عبارت زیر ساختار این نوع المان‌ها را نشان می‌دهد.

<tagName>محتویات تگ</tagName>

به عنوان مثال، قطعه کد HTML زیر از تگ آغازین <p> و تگ پایانی </p> برای تعریف یک پاراگراف استفاده می‌کند. چنین تگ‌هایی می‌توانند تگ‌های دیگری را به عنوان زیرمجموعه خود دربربگیرند.

<p>This is a Paragraph.</p>

گونه‌ی دیگری از تگ‌های اچ تی ام ال نیز وجود دارد که نیازی به بسته شدن (تگ پایانی) ندارند. المان‌های <br> و <img> از این دسته هستند. در داخل تگ‌های آغازین ممکن است خصوصیت یا ویژگی (Attribute) هایی نیز قید شود. این خصوصیت‌ها اطلاعات بیشتری راجع به المان موردنظر ارائه می‌کنند و همواره به صورت جفت‌های “نام خصوصیت” و “مقدار” مشخص می‌شوند. به عنوان مثال در نمونه زیر برای تعریف یک المان تصویری از تگ <img> و سه خصوصیت src برای تعیین مسیر و نام فایل تصویری، width برای عرض تصویر و height برای ارتفاع آن استفاده شده است. توجه کنید مقدار خصوصیت‌ها همواره با استفاده از یک علامت تساوی به “نام خصوصیت” منسوب می‌شود. همانطور که گفته شد این المان به تگ پایانی نیاز ندارد.

<img src="/pictures/flower.jpg" width="200" height="250">

فایل‌های اچ‌تی‌ام‌ال می‌تواند با دربرگرفتن اسکریپت‌هایی که در زبان‌هایی نظیر جاوا اسکریپت نوشته شده است رفتار صفحات و محتوای آن را تحت تأثیر خود قرار دهد. هم‌چنین با کمک CSS، ظاهر و نحوه‌ی قرارگیری المان‌ها در کنار یکدیگر مشخص می‌شود.

پسوند فایل‌های اچ‌تی‌ام‌ال به صورت .htm یا .html می‌باشد.

نمونه‌ای از کد HTML
نمونه‌ای از کد اچ‌تی‌ام‌ال

امیرحسین شهسواری

عاشق دنیای رایانه و فناوری به خصوص برنامه نویسی هستم؛ یادگرفتن و البته یاد دادن چیزای جالبی که یاد گرفتم باعث خوشحالیم میشه و از اولویت‌های اصلی زندگیم به حساب میاد. از مدیریت و نوشتن در تک دیک هم واقعا لذت می‌برم :)

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *