نگاهی کلی به HTML
نگاهی کلی به HTML
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، نگاهی کلی به HTML خواهیم داشت.
HTML مخفف Hypertext Markup Language است و پرکاربردترین زبان برای نوشتن صفحات وب است.
Hypertext به روش پیوند صفحات وب (اسناد HTML) با هم اشاره دارد. بنابراین، پیوند موجود در یک صفحه وب Hypertext نامیده می شود.
همانطور که از نام آن مشخص است، HTML یک زبان نشانه گذاری است که به این معنی است که شما از HTML برای “نشانه گذاری” یک سند متنی با تگ هایی استفاده می کنید که به مرورگر وب می گوید چگونه آن را برای نمایش ساختار دهد.
در اصل، HTML با هدف تعریف ساختار اسنادی مانند عناوین، پاراگراف ها، لیست ها و موارد دیگر برای تسهیل اشتراک اطلاعات علمی بین محققان ساخته شده است.
اکنون، HTML به طور گسترده ای برای قالب بندی صفحات وب با کمک برچسب های مختلف موجود در زبان HTML استفاده می شود.
سند اصلی HTML
در ساده ترین شکل، مثال زیر یک سند HTML است:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> <title>This is document title</title> </head> <body> <h1>This is a heading</h1> <p>Document content goes here.....</p> </body> </html> |
|
1 2 |
This is a heading Document content goes here..... |
تگ های برنامه نویسی HTML
همانطور که قبلاً گفته شد، HTML یک زبان نشانه گذاری است و از تگ های مختلف برای قالب بندی محتوا استفاده می کند. این تگ ها در جهت نما محصور می شوند <Tag Tag به عنوان مثال، <html> دارای تگ بسته </ html> و تگ<body> دارای تگ بسته شدن </ body> و غیره است.
مثال فوق در سند HTML از تگ های زیر استفاده می کند:
- <! DOCTYPE …>
این تگ نوع سند و نسخه HTML را تعریف می کند.
- <html>
این تگ سند کامل HTML را در بر می گیرد و عمدتا شامل سرآیند سند است که با <head> … </head> و بدنه سند که با تگ <body> … </body> نشان داده می شود.
- <head>
این تگ نشان دهنده عنوان سند است که می تواند تگ های HTML دیگر مانند <title> ، <link> و غیره را حفظ کند.
- <title>
از تگ <title> در داخل تگ <head> برای ذکر عنوان سند استفاده می شود.
- < body>
این تگ نشانگر بدنه سند است که سایر تگ های HTML مانند <h1> ، <div> ، <p> و غیره را نگه می دارد.
- <h1>
این تگ عنوان را نشان می دهد.
- <p>
این تگ نشان دهنده یک پاراگراف است.
برای یادگیری HTML، هنگام قالب بندی یک سند متنی، باید تگ های مختلف را مطالعه کنید و نحوه رفتار آنها را بفهمید. یادگیری HTML ساده است زیرا کاربران باید قالب تگ های مختلف را یاد بگیرند تا متن یا تصاویر را قالب بندی کنند و یک صفحه وب زیبا ایجاد کنند.
کنسرسیوم شبکه جهانی وب (W3C) توصیه می کند از HTML 4 از تگ های کوچک استفاده کنید.
ساختار سند HTML
یک سند HTML معمولی ساختار زیر را دارد:
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> Document header related tags </head> <body> Document body related tags </body> </html> |
DOCTYPE چیست؟
تگ <! DOCTYPE> توسط مرورگر وب برای درک نسخه HTML استفاده شده در سند استفاده می شود. نسخه فعلی HTML 5 است و ازاعلان زیر استفاده می کند:
|
1 |
<!DOCTYPE html> |
انواع مختلفی از اعلان وجود دارد که بسته به نوع نسخه HTML می تواند در سند HTML مورد استفاده قرار گیرد.
لیست جلسات قبل آموزش برنامه نویسی HTML
.svg)
دیدگاه شما