در این جلسه از دوره آموزش html مقدمه ای برزبان نشانه گذاریhtml خواهیم داشت.
html چیست ؟
Html مخفف عبارت Hyper text markup language یک زبان نشانه گذاری فوق متن و استاندارد است که از آن برای ایجاد صفحات وب استفاده می شود. html یک زبان نشانه گذاری است که متاسفانه بعضا دیده می شود حتی توسط اشخاصی که طراحی وب سایت انجام می دهند از آن به اشتباه به عنوان زبان برنامه نویسی یاد می شود.
زبان نشانه گذاری html چگونه ساختار صفحات وب را می سازد ؟
- html ساختار صفحات وب را با استفاده از نشانه گذاری توصیف می کند
- عناصر تشکیل دهنده صفحات وب مانند بلوک های یک ساختمان در کنار هم قرار می گیرند و صفحات html را می سازند.
- این عناصر داخل تگ های html قرار می گیرند. که تگ ها وظیفه برچسب گذاری بر روی محتوای صفحات وب مانند: عنوان ها و پاراگراف ها و جداول و دیگر المانهای صفحه را دارند.
- تگ ها توسط مرورگر ها نمایش داده نمی شوند بلکه از آنها برای ارائه محتوای سایت استفاده میشود که در نهایت موجب ساخته شدن صفحات وب خواهد شد.
بیشتر بخوانید : تگ های html–بررسی تگ درسنداچ تی ام ال-جلسه سوم (ویدیو)
ساختار صفحه Html ساده:
یک فایل html متنی ساده شامل تگ ها می باشد.برای روشن شدن مطلب یک فایل html در زیر برای شما آورده شده است.
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
- < doc type htm! > : توسط این اعلامیه مرورگرها متوجه میشوند که با یک فایل html روبرو هستند.
- < html > : عنصر ریشه یک صفحه html است که در تمامی صفحات html وجود آن لازم و ضروری است و باید در ابتدای همه تگ ها آورده شود.
- < head > : این تگ شامل اطلاعاتی درباره ی صفحه های html یا همان صفحات وب است که مورد استفاده موتورهای جستجو قرار می گیرد و معمولا اسکریپت ها هم در همین تگ فراخوانی می شوند.
- < body > : عنصر بدنه صفحه شما را مشخص می کند در واقع محتویات درون این تگ قابل مشاهده هستند.
تعریف تگ html :
- برچسب های html(تگ) عناصر محصور شده در براکت های زاویه هستند که به عنوان یک دستورالعمل برای مرورگرها عمل می کنند.
- مرورگرها با خواندن این دستورالعمل ها توانایی نمایش صفحات وب را پیدا می کنند.
به مثال زیر دقت کنید:
< نام تگ/> محتوااینجا قرار می گیرد< نام تگ > < p > این یک پاراگراف است</p >
- تگ های html معمولا به صورت جفت مانند مثال بالا در فایل html قرار میگیرند.
- به اولین تگ در اصطلاح استارت تگ (start tag) یا تگ شروع گفته می شود و به دومین تگ در اصطلاح اند تگ (end tag) گفته می شود.
- تفاوت در نوشتن تگ شروع و پایان باید رعایت گردد در غیر این صورت مرورگر دستور عمل را تشخیص نمی دهند.
بیشتر بخوانید : اجزای تشکیل دهنده صفحات وب – جلسه دوم (ویدیو)
مرورگرهای وب (Web Browsers):
- هدف مرورگرهای وب خواندن اسناد html و در نهایت نمایش آنها است.
- مرورگر ها تگ های html را نمایش نمی دهند بلکه از آنها برای تعیین نحوه نمایش اسناد html استفاده می کنند.
- در نهایت چیزی که در مانیتور کاربر نمایش داده می شود دستورالعملهایی هستند که مرورگرها قادر به شناسایی و بلوک چینی آنها در کنار هم هستند.
نکته: فقط محتوای که درون تگ بادی نوشته میشود توسط مرورگر ها نمایش داده می شود.
- اعلامیه < doc type! > نشاندهنده نوع سند html است .
- اعلامیه < doc type! > کمک می کنند تا صفحات وب را به درستی نمایش دهند.
- اعلامیه < doc type! > در سند html یک بار در بالای صفحه قبل از html ظاهر می شود.
- اعلامیه < doc type! > به حروف بزرگ و کوچک حساس نیست .
- اعلامیه < doc type! > برای ۵ html به این صورت نوشته میشود.
< ! doc type htm>
تاریخچه و ورژن های مختلف html:
نسخه های مختلفی از html وجود دارد که شما می توانید برای مطالعه در این مورد به لینک wikipedia مراجعه نمایید.
منبع : همراه آی سی تی