آموزش HTML (قسمت 1) : مقدمه HTML

آموزش Html(قسمت 1)، مقدمه HTML:

  • HTML مخفف Hyper Text Markup Languge می باشد.
  • زبان علامت گداری استاندارد برای ایجاد صفحات وب است.
  • ساختار یک سایت را توصیف می کند.
  • از یک سری عناصر تشکیل شده است.
  • نحوه نمایش محتوا را به مرورگر می دهد.
  • با HTML می توان عنوان، پارگراف، پیوند و… را برچسب گذاری نمود.
آموزش Html
مقدمه 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 چیست؟

یک عنصر HTML توسط یک برچسب شروع ، برخی از محتوا و یک برچسب انتهایی تعریف می شود:

<tagname> محتوا به اینجا می رود ... </tagname>

برای مثال:

برچسب شروع محتوا برچسب پایان
< h1 > اولین تیتر یا سربرگ من < /h1 >
< p > اولین پاراگراف من < /p >
< br > بدون محتوا بدون پایان

توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر

<br>). به این عناصر، عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!

مرورگرها:

هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش صحیح آنها است.

یک مرورگر برچسب های 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> (قسمت سفید بالا) در یک مرورگر نمایش داده می شود. محتوای داخل عنصر<title> در نوار عنوان مرورگر یا در برگه صفحه نشان داده می شود.

مقدمه html

منبع:

w3school.com

برای مشاهده قسمت دوم آموزش HTML(ویرایشگر HTML) اینجا کلیک کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *