به کد زیر توجه کنید .این نمونه ای از ساختار و اسکلت بندی اصلی هر پرونده html است.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</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) نیز می گویند .
<tagname>content</tagname>
<نام تگ/>محتوای مورد نظر<نام تگ>
تگ های html و عناصر html گاهی برای توصیف یک چیز به کار می روند.اما به بیان دیگر یک عنصر html همه چیز بین تگ سروع و تگ پایان ، از جمله خود تگها ، می باشد به طور مثال یک عنصر html به صورت زیر است:
<p>This is a paragraph.</p>
مرورگر های وب
مقصود از مرورگر وب (مانند گوگل کروم ، فایرفاکس ،سافاری ، اینترنت اکسپلورر و...)،نرم افزاری است که پرونده های html را خوانده و آنها را به صورت صفحات وب نمایش دهد.
HTML دارای 7 نسخه تا سال 2013 می باشد.اساس کار ما در این آموزش HTML نسخه ی 5 خواهد بود.
اعلان <DOCTYPE!>
اعلان <DOCTYPE!> به مرورگر کمک می کند تا به طور صحیح صفحه وب را نمایش دهد. در نسخه های مختلف html این اعلان به صورت های گوناگونی نوشته میشد ، اما در نسخه html 5 به صورت زیر نوشته میشود:
<!DOCTYPE html>