معماری
خانه / برنامه نویسی / HTML / آموزش جامع HTML (قسمت ۱:معرفی)

آموزش جامع HTML (قسمت ۱:معرفی)

HTML learning

در این نوشته با آموزش جامع HTML و کدنویسی به این زبان در خدمت شما هستیم… قسمت اول : معرفی HTML

به کد زیر توجه کنید .این نمونه ای از ساختار و اسکلت بندی اصلی هر پرونده html است:

 

 

در توضیح این نمونه کد می توان به نکات زیر اشاره کرد(در صورت متوجه نشدن نکات زیر توصیه می کنیم صبور باشید ، همه مطالب را خواهید آموخت ):
• اعلان doctype نوع فایل html را مشخص می کند.
• متون بین دو تگ <html> و <html/> صفحه وب را توصیف می کند.
• متون بین دو تگ<body> و <body/> محتوی فعال و قابل رویت صفحه وب را معین می کند.
• متن بین دو تگ <h1> و <h1/> یک متن به صورت عنوان در مرورگر نمایش می دهد.
• متن بین دو تگ <p> و <p/> یک متن را به صورت ساده در مرورگر نمایش می دهد.

توجه داشته باشید که اعلان <DOCTYPE html!> ، مربوط به اعلان ها در نسخه پنجم html می باشد.

–  HTML چیست ؟

• HTML زبانی برای توصیف صفحات وب می باشد.
• HTML مخفف زبان نشانه گذاری ابرمتن می باشد.(Hyper Text Markup Language)
• HTML یک زبان نشانه گذاری است.
• یک زبان نشانه گذاری مجموعه ای از برچسب های نشانه گذاری (Tag) می باشد.
• برچسب ها محتوای پرونده را توصیف می کنند.
• پرونده html شامل تگهای html و متون ساده می باشد.
• پرونده های html صفحات وب نیز خوانده می شوند.

تگ های HTML :

برچسب های نشانه گذاری html همیشه برچسب های HTML خوانده می شوند.(HTML Tags)
• برچسب های html ، در واقع کلید واژه هایی هستند (نام تگ ها) که بین دو پرانتز شکسته محصور شده اند . مثل <html>
• تگ ها در حالت عادی به صورت جفت جفت هستند . مثل <html ></html>
• در یک جفت تگ ، تگ اول را تگ شروع و تگ دوم را تگ پایان می گوییم
• تگ پایانی شبیه تگ شروع نوشته می شود ، با این تفاوت که یک خط مورب(Slash / ) قبل از نام تگ قرار می گیرد.
• تگ های شروع و پایان ، به ترتیب ، تگ بازکردن (opening tags)و تگ بستن(closing tags) نیز می گویند .

<نام تگ/>محتوای مورد نظر<نام تگ>

تگ های html و عناصر html گاهی برای توصیف یک چیز به کار می روند.اما به بیان دیگر یک عنصر html همه چیز بین تگ شروع و تگ پایان ، از جمله خود تگها ، می باشد به طور مثال یک عنصر html به صورت زیر است:

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

مرورگر های وب

مقصود از مرورگر وب (مانند گوگل کروم ، فایرفاکس ،سافاری ، اینترنت اکسپلورر و…)،نرم افزاری است که پرونده های html را خوانده و آنها را به صورت صفحات وب نمایش دهد.

HTML دارای ۷ نسخه تا سال ۲۰۱۳ می باشد.اساس کار ما در این آموزش HTML نسخه ی ۵ خواهد بود.

اعلان <DOCTYPE!>

اعلان <DOCTYPE!> به مرورگر کمک می کند تا به طور صحیح صفحه وب را نمایش دهد. در نسخه های مختلف html این اعلان به صورت های گوناگونی نوشته میشد ، اما در نسخه html 5 به صورت زیر نوشته میشود:

یک دیدگاه

  1. مطلبی که گذاشتید خوب بود به نظرم این آموزش از html رو من جای دیگه هم دیدم ولی حالا به یاد نمیارم که کجا بود ولی مطلب آموزنده و کاربردی بود ممنون

پاسخ دهید

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

قالب وردپرس