مقدمه آموزش HTML یادگیری HTML آسان است - از آن لذت خواهید برد! با HTML می توانید وب سایت خود را ایجاد کنید.
HTML زبان نشانه گذاری استاندارد برای صفحات وب است.
زبان برنامه نویسی اچ تی ام ال، HTML چیست؟
- HTML مخفف Hyper Text Markup Language است
- HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
- HTML ساختار یک صفحه وب را توصیف می کند
- HTML از یک سری عناصر تشکیل شده است
- عناصر HTML به مرورگر می گویند که چگونه محتوا را نمایش دهد
- عناصر HTML به قطعاتی از محتوا مانند “این یک عنوان است”، “این یک پاراگراف است”، “این یک پیوند است” و غیره برچسب می زنند.
یک سند HTML ساده
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
توضیح درباره تگ های معنایی اچ تی ام ال
- اعلان تعریف
<!DOCTYPE html>می کند که این سند یک سند HTML5 است - عنصر
<html>عنصر اصلی یک صفحه HTML است - این
<head>عنصر حاوی اطلاعات متا در مورد صفحه HTML است - این
<title>عنصر عنوانی را برای صفحه HTML مشخص می کند (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است) - این
<body>عنصر بدنه سند را تعریف می کند و محفظه ای برای تمام محتویات قابل مشاهده است، مانند سرفصل ها، پاراگراف ها، تصاویر، لینک ها، جداول، لیست ها و غیره. - عنصر
<h1>یک عنوان بزرگ را تعریف می کند - عنصر
<p>یک پاراگراف را تعریف می کند
HTML Element یا عنصر اچ تی ام ال چیست؟
یک عنصر HTML با یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف می شود:
HTML Element همه چیز از تگ شروع تا تگ پایان است:
< h1 > اولین عنوان من < /h1 >
< tagname > محتوا به اینجا می رود… < /tagname >
< p > اولین پاراگراف من. < /p >
| تگ باز یا شروع | محتوا | تگ بسته یا پایان |
|---|---|---|
| <h1> | اولین عنوان من | </h1> |
| <p> | اولین پاراگراف من | </p> |
| <br> | هیچ یک | none |
توجه: برخی از عناصر HTML فاقد محتوا هستند
(مانند عنصر <br>). به این عناصر عناصر خالی می گویند.
عناصر خالی برچسب پایانی یا تگ بسته ندارند!
مرورگرهای وب
هدف مرورگر وب (Chrome، Edge، Firefox، Safari) خواندن اسناد HTML و نمایش صحیح آنهاست.
یک مرورگر تگ های HTML را نمایش نمی دهد، اما از آنها برای تعیین نحوه نمایش سند استفاده می کند:
ویرایشگرهای HTML
یک ویرایشگر متن ساده تمام چیزی است که برای یادگیری HTML نیاز دارید.
فیلم آموزش html
کتاب آموزش html
آموزش html فرادرس
