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

آموزش 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 چیست؟

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

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

برای مثال:

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

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

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

مرورگرها:

هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد 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) اینجا کلیک کنید.