منوی اصلی

اچ تی ام ‌ال (HTML)

سرواژه‌ٔ HyperText Markup Language و به معنای «زبان نشانه‌گذاری اَبَرمتن» است (که البته برخی آن را «زبان علامت‌گذاری فرامتن» ترجمه کرده‌اند).

اچ‌تی‌ام‌ال، سنگِ‌ بنای وب است؛ یک زبان برای نشانه گذاری ابر متن که برای تدوین قالب و طراحی صفحه‌های وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود.

هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر درشت و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند.

یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.

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

گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و کنسرسیوم وب جهان‌گستر» آن را به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است.

درhtml سه نوع تگ وجود دارد: ۱-تگ های یکه. مانند <HR>‎ که خط رسم می کند. ۲- تگ هایی که شروع و پایان دارند. مثل: <head></head>‎ ۳- تگ هایی که دارای ویژگی می باشند. مثل:<font face=”arial” size=”12″>

الگوهای آبشاری (CSS)

لگوهای آبشاری یا روی‌انداز آبشاری سَبْک یا سی‌اس‌اس  (Cascading Style Sheets – CSS)، روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب اند. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن ساده رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌در‌پی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره‌ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب اچ‌تی‌ام‌ال و اکس‌اچ‌تی‌ام‌ال است ولی آن را می‌توان بر هر نوع مستند اکس‌ام‌ال از جمله اس‌وی‌جی و اکس‌یو‌ال اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ کنسرسیوم وب جهانگستر است.

استانداردهای تازه

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

برتری ها

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

نسخه‌ها

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

نحوه استفاده

یک سند CSS با پسوند .css شناخته می‌شود. برای اتصال آن به یک سند اچ‌تی‌ام‌ال از تگ <link> در قسمت <head> استفاده می‌شود.

ابر پیوند (Hyperlink)

ابرپیوند در علوم کامپیوتر پیوندی است در یک سند به سندی دیگر. به اختصار بدان لینک یا پیوند نیز گفته می‌شود. هدف یک ابرپیوند یا خود سند مورد تقاضا و یا جایی است که آن سند در آن وجود دارد.نحوه استفاده از یک ابرپیوند کلیک یا لمس آن است.امروزه شایع ترین شکل استفاده از ابرپیوند در صفحات وب است اما ابرپیوند غیر از وب در جای‌های دیگر نیز کاربرد دارد. ابرپیوند در وب ابرپیوند در صفحات وب معمولا برای ارجاع دادن به اسناد، پرونده‌ها و پوشه‌های موجود در سایت‌ها استفاده می‌شود. کاربرد ابر پیوند بیشتر از این موارد است و در موارد خاص پیوند به سرور‌های گفتگوی اینترنتی، گروه‌های خبری و غیره را نیز شامل می‌شود. در صفحات وب (ابرمتن) برای تبدیل یک متن یا عنصر دیگر (همانند تصویر و یا فایل فلش) تنها کافیست آنرا میان دو تگ قرار داده شوند. بطور مثال اگر قرار باشد ابرپیوندی به سایت http://example.com را روی متن مثال قرار دهیم بدین صورت عمل می‌کنیم: ‎مثال

کنسرسیوم وب جهان شمول (W3C)

کنسرسیوم جهان وبی یا کنسرسیوم وب جهان‌شمول (World Wide Web Consortium یا W3C) کنسرسیومی است که استانداردهای نرم‌افزاری (یا «توصیه‌ها» آنطور که خودشان این استانداردها را می‌نامند) لازم را برای وب جهانگستر تولید می‌کند. ریاست این شرکت به دست تیم برنرز لی است. وی مخترع تعدادی از اصلی‌ترین فناوری‌هایی است که وب به‌دست آن‌ها به شکل امروزی خود در آمده است. از جملهٔ این فناوری‌ها می‌توان به URL یا مشخص کنندهٔ یکتای منبع، قرارداد انتقال ابرمتن  و HTML اشاره کرد.

دلیل وجودی این کنسرسیوم کسب اطمینان در مورد سازگار و توافق میان اعضای شرکت‌های مختلف در زمینهٔ استفاده از استانداردهای نو است.

دیواره (DIV)

مخفف: DIV

سرواژه عبارت: Division

دیواره یا div، از دستورهای زبان‌های نشانه‌گذاری اَبَرمتن، مانند اِچ.تی.اِم.اِل یا اکس.اِچ.تی.اِم.اِل است و کاربرد آن مشخص کردن بخشی، یا همه محتوای یک صفحه وب می‌باشد، و می‌توان از آن برای جدا کردن گروهی از عنصرهای سازنده یک صفحه وب، در یک دیواره منطقی، سود جست. دیواره‌ها (یا Div) در بحث طراحی وب و الگوهای آبشاری، در رده بلوک هستند، یعنی بخش‌های مجازی بلوک مانند که می‌توان پاراگراف، عنوان، تصویر و یا هر محتوایی را درون آنها قرار داد، و با افزودن چند دستور در الگوهای آبشاری (یا CSS)، چگونگی چیدمان و نمایش آنها را بر صفحه وب، مشخص کرد.