اجزای سازنده وب

یک صفحه وب از سه مولفه اصلی تشکیل شده است : محتویات متنی، تیترها و پاراگراف هایی که روی صفحه ظاهر می شوند.

همچنین صفحات شامل اطلاعاتی در مورد زبان اسکریپتی که متن با آن نوشته می شود (encoding) و همچنین نوع نشانه گذاری که آن را توصیف می کند (doctype) می شوند.

نشانه گذاری

(X)HTML دارای سه نوع اصلی از نشانه گذاری است : عنصرها، شاخص ها، و مقدارها

عناصر

عناصر شبیه برچسب های کوچکی هستند، که بخش های مختلف یک صفحه وب را شناسایی کرده و ساختاردهی می کنند. مثلا به ما می گویند که کدام بخش تیتر و کدام بخش متن است.

عناصر می توانند شامل متن و یا عناصر دیگر باشند. عناصری که داخل <> قرار می گیرند تگ نامیده می شوند و هر عنصر معمولا دارای دو تگ باز و بسته است که تک باز به صورت <> و تگ بسته به صورت </> می باشد که متن داخل تگ های باز و بسته قرار می گیرند.

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

مثالی از عنصر غیرخالی  :

<em> Hello </em>

در این مثال em اول که بین <> قرار گرفته تگ ابتدایی یا شروع کننده، Hello متن و /em که داخل <> قرار گرفته تگ پایانی می باشد.

نکته : نشانه تگ بسته یا پایانی نام تگ به همراه یک / (اسلش) قبل از نام تگ می باشد

مثالی ازعنصر خالی

<img src = "image.jpg" width = "300" />

در این مثال شما می کنید که به جای دو تگ باز و بسته از یک تگ باز و / در انتهای آن استفاده شده است کد فوق مثالی از عناصر خالی می باشند.

شاخص ها و مقدارها

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

مثال :

<img src = "image.jpg" width = "300">

در اینجا src و width شاخص های تگ  img می باشند و image.jpg به همراه 300 به ترتیب مثادیر شاخص src و width هستند.

نکته : شاخص ها همیشه درو تگ باز عنصر جای می گیرند و مقدارهای آنها باید درون دابل کوتیشن " " قرار گیرد.

بعضی شاخص ها می توانند هر مقداری را قبول کنند، بقیه محدودیت بیشتری دارند. متداول ترین شاخص ها آنهایی هستند، ک مقادیر شمارشی یا از پیش تعریف شد را قبول می کنند.

عناصر بلوک و عناصر درون خطی

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

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

به کدهای زیر توجه کنید.

در اینجا عناصر div و p عناصر سطح بلوکی و عناصر img، b و em درون خطی می باشند.