مقدمه
با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند. HTML که مخفف عبارت Hypertext Markup Languag می باشد یک زبان نشانه گذاری برای طراحی ساختار صفحات وب سمت کاربر است. از html تاکنون نسخه های متعددی منتشر شده است که html 5 آخرین نسخه از آن می باشد و ما در طی این دوره کامل آموزش شما را با ساختار کلی و تگ های html و html5 آشنا خواهیم کرد. در ابتدای دوره ، در قالب مبحث مقدمه ای بر html شما را با ساختار کلی و طرز کار با html آشنا خواهیم کرد.
مقدمه ای بر html
در ادامه با ارائه ی مفاهیم کلی html و چگونگی تایپ و تست تگ ها، مقدمه ای بر html خواهیم داشت.
مثال های دوره
در طی دروه ی جاری در هر کدام از جلسات html نمونه کدهایی از html برای درک بهتر مطالب گنجانده شده است.
به عنوان مثال ساختار کلی html:
مثال : ساختار کلی صفحات وب
| <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html> |
البته مثال های ارائه شده به همراه یک ادیتور آنلاین در دسترس است تا شما به راحتی بتوانید خودتان کدهای html را تست کنید.
html چیست
HTML زبان استاندارد نشانه گذاری برای ایجاد صفحات وب است.
- HTML مخفف عبارت Hyper Text Markup Language است.
- HTML ساختار صفحات وب را با نشانه گذاری توصیف می کند.
- عناصر HTML بخش های مختلف صفحات وب را می سازند.
- عناصر HTML در قالب تگ ها پیاده سازی می شوند.
- عنوان برچسب تگ های html بیانگر کاربرد آن است مانند: “heading”, “paragraph”, “table” و…
- مرورگر تگ های HTML را نمایش نمی دهد، بلکه از آنها برای رندر محتوای صفحه استفاده می کند.
یک صفحه ی ساده html به صورت زیر است:
تشریح تگ های مثال فوق:
اعلامیه <! DOCTYPE html> این سند را HTML5 تعریف می کند.
عنصر <html> عنصر ریشه یک صفحه HTML است.
عنصر <head> شامل متا اطلاعاتی در مورد سند است.
عنصر <title> یک عنوان را برای سند مشخص می کند.
عنصر <body> دارای محتوای صفحه قابل مشاهده است.
عنصر <h1> یک عنوان بزرگ را تعریف می کند.
عنصر <p> پاراگراف را تعریف می کند.
تگ های html
تگ های HTML در قالب کاراکترهای ” </>…< > ” که داخل کارکترهای باز و بسته نام عناصر و داخل تگ محتوای آن قرار می گیرد.
ساختار:
مثال :
| <tagname>content goes here...</tagname> |
- تگ های HTML معمولا به صورت جفتی مانند <p> و </ p> قرار می گیرند.
- اولین تگ در یک جفت تگ شروع است، برچسب دوم تگ پایان است.
- تگ پایان مانند تگ شروع بوده، اما قبل از اسم تگ وارد شده است.
مرورگرهای وب
هدف مرورگرهای وب (کروم، IE، فایرفاکس، سافاری و…) خواندن اسناد HTML و نمایش آنها است.
مرورگر تگ های HTML را نمایش نمی دهد، بلکه از آنها برای تعیین نحوه نمایش سند استفاده می کند:
مقدمه ای بر html
ساختار صفحات html
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
نکته : فقط محتوا در قسمت <body> (قسمت سفید بالای بالا) در مرورگر نمایش داده می شود.
اعلامیه <! DOCTYPE>
اعلام <! DOCTYPE> نشان دهنده نوع سند است و به مرورگر کمک می کند تا صفحات وب به درستی نمایش داده شوند.
این باید فقط یک بار در بالای صفحه ظاهر شود (قبل از هر تگ HTML).
اعلام <! DOCTYPE> نسبت به حروف حساس نیست.
ساختار اعلامیه <! DOCTYPE> برای HTML5:
نسخه های html
| Version | Year |
|---|
| HTML | ۱۹۹۱ |
| HTML 2.0 | ۱۹۹۵ |
| HTML 3.2 | ۱۹۹۷ |
| HTML 4.01 | ۱۹۹۹ |
| XHTML | ۲۰۰۰ |
| HTML5 | ۲۰۱۴ |
کلام آخر
قبل از شروع آموزش های html ابتدا در این بخش سعی کردیم تا با ارائه ی مقدمه ای بر html ، شما را با مفاهیم و ساختار کلی تگ های html آشنا کنیم تا درک سایر مباحث ساده تر باشد.
در بخش بعدی شما را با ادیتورها و ویرایشگرهای html آشنا می کنیم.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
ehsan
ممنون از سایت خوبتون ♥