اجزای سازنده HTML به زبان ساده

فهرست عناوین

اجزای سازنده HTML

هر سند HTML دارای دو عنصر سازنده اصلی است:

تگ ها: هر تگ HTML دربردارنده محتوایی است و به آن معنای خاصی اعمال می کند. هر تگ بین دو علامت < و > نوشته می شود.
صفات: یک صفت یا ویژگی در HTML اطلاعات اضافی در مورد عنصر ارائه می دهد. صفات در تگ شروع قرار می گیرند. هر صفت HTML دو قسمت دارد: نام صفت و مقدار صفت.

قواعد ساختاری

< نام تگ/> محتوا <” مقدار صفت” = نام صفت نام تگ>

عناصر: هر عنصر HTML یک جزء مستقل است. همه چیزهایی که در تگ قرار می گیرند به عنوان عنصر در نظر گرفته می شوند.

برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.

مثال

    <!DOCTYPE html>

    <html>

      <head>

        <title>The basic building blocks of <a data-ail="3759" target="_self"  href="https://myhamyar.comhttps://myhamyar.com/tag/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b1%d8%a7%db%8c%da%af%d8%a7%d9%86-html-%d9%87%d9%85%db%8c%d8%a7%d8%b1%d9%85%d9%86/" >HTML</a></title>

     </head>

      <body>

           <h2>The building blocks</h2>

           <p>This is a paragraph tag</p>

           <p style=”color: red”>The style is attribute of paragraph tag</p>

           <span>The element contains tag, attribute and content</span>

      </body>

    </html>

<!DOCTYPE html>

<html>

<head>

<title>The basic building blocks of HTML</title>

</head>

<body>

<h2>The building blocks</h2>

<p>This is a paragraph tag</p>

<p style=”color: red”>The style is attribute of paragraph tag</p>

<span>The element contains tag, attribute and content</span>

</body>

</html>

خروجی کد

The building blocks

This is a paragraph tag

The style is attribute of paragraph tag

The element contains tag, attribute and content

بیشتر بخوانید:

آموزش رایگان HTML مقدماتی تا پیشرفته بخش چهارم

اجزای سازنده HTML به زبان ساده

اجزای سازنده HTML

قواعد ساختاری

برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.

مثال

خروجی کد

The building blocks

مطالب زیر را حتما مطالعه کنید

دیدگاهتان را بنویسید لغو پاسخ

اجزای سازنده HTML به زبان ساده

اجزای سازنده HTML

قواعد ساختاری

برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.

مثال

خروجی کد

The building blocks

مطالب زیر را حتما مطالعه کنید

آموزش انیمیشن‌سازی با CSS

نحوه اضافه کردن کد PHP در وردپرس

دوره رایگان طراحی فروشگاه اینترنتی!

آموزش ایجاد لیست کشویی وابسته به هم در HTML

ساده و بدون هزینه ترفند های عکاسی حرفه ای با موبایل را یاد بگیرید

DOM چیست و چه کاربردی دارد؟

دیدگاهتان را بنویسید لغو پاسخ