آموزش Html(قسمت 1)، مقدمه HTML:
- HTML مخفف Hyper Text Markup Languge می باشد.
- زبان علامت گداری استاندارد برای ایجاد صفحات وب است.
- ساختار یک سایت را توصیف می کند.
- از یک سری عناصر تشکیل شده است.
- نحوه نمایش محتوا را به مرورگر می دهد.
- با HTML می توان عنوان، پارگراف، پیوند و… را برچسب گذاری نمود.
آموزش Html :
یک نمونه ی ساده از سند HTML :
<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>
پیش نمایش آنلاین
توضیح مثال بالا:
| < !DOCTYPE html > | تعریف می کند که این سند یک سند HTML5 است |
| < html > | عنصر اصلی یک صفحه HTML است |
| < head > | شامل اطلاعات متا در مورد صفحه HTML است |
| < title > | عنوانی را برای صفحه HTML مشخص می کند (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است) |
| < body > | متن سند را تعریف می کند و محفظه ای برای تمام محتوای قابل مشاهده مانند عناوین ، پاراگراف ها ، تصاویر ، پیوندهای پیوندی ، جداول ، لیست ها و غیره است. |
| < h1 > | عنوان بزرگی را تعریف می کند |
| < p > | یک پاراگراف را تعریف می کند |
عنصر HTML چیست؟
یک عنصر HTML توسط یک برچسب شروع ، برخی از محتوا و یک برچسب انتهایی تعریف می شود:
<tagname> محتوا به اینجا می رود ... </tagname>
برای مثال:
| برچسب شروع | محتوا | برچسب پایان |
| < h1 > | اولین تیتر یا سربرگ من | < /h1 > |
| < p > | اولین پاراگراف من | < /p > |
| < br > | بدون محتوا | بدون پایان |
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر
<br>). به این عناصر، عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!
مرورگرها:
هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش صحیح آنها است.
یک مرورگر برچسب های HTML را نمایش نمی دهد ، اما از آنها برای تعیین نحوه نمایش سند استفاده می کند:
ساختار صفحه HTML :
در مثال زیر تجسم ساختار صفحه HTML آورده شده است:
</ head >
< /body >
</ html >
توجه: محتوای داخل بخش <body> (قسمت سفید بالا) در یک مرورگر نمایش داده می شود. محتوای داخل عنصر<title> در نوار عنوان مرورگر یا در برگه صفحه نشان داده می شود.
مقدمه html
منبع:
برای مشاهده قسمت دوم آموزش HTML(ویرایشگر HTML) اینجا کلیک کنید.
