آشنایی با ساختار html

آشنایی با ساختار html

admin 9 بهمن 1401 0

ساختار یک فایل HTML

طرح و شکل و یا ساختار یک صفحه ی وب یا یک فایل HTML بطور کلی همانند ساختار و شکل زیر می باشد، یعنی در واقع میتونیم اینجوری بگیم که ساختار تمامی صفحات وب بصورت زیر می باشد.

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>


</body>
</html>

مفاهیم پایه HTML

قبل از اینکه بلوک‌ها یا ساختمان اصلی صفحات HTML را معرفی کنیم، باید با چندین مفهوم مهم در HTML آشنا شویم که خیلی زیاد از آن‌ها استفاده می‌کنیم.

تگ: هر دستور یا خط کد در HTML با یک علامت <نام> شروع (تگ باز) و با علامت<نام/> (تگ بسته) خاتمه می‌یابد، که به آن اصطلاحاً تگ یا tag گفته می‌شود. این تگ‌ها با توجه به نوع کاربردی که دارند، نام‌های مشخصی می‌گیرند. مثلا تگ پاراگراف همان‌طور که از نام آن پیداست تگی است که مربوط به پاراگراف می‌باشد. به عبارتی کاربر هر متن درون این تگ را در مرورگر به عنوان یک متن پارگراف مشاهده می‌کند به همین راحتی :).

<p>My Name is AliMirmohammadi</p>

 

کار با صفات یا Attributes (اتریبیوت)در HTML

صفت ، Attribute یا اتریبیوت چیزیه که درون تگ های HTML قرار میگیره و میتونه یه ویژگی یا امکانی رو یا حالا هرچیزی رو به اون تگ اضافه کنه، مثلا صفت href درون تگ a میتونه یه آدرس صفحه براش مشخص کنه که وقتی بروی لینک کلیک شد کاربر بره به اون آدرس.

یا مثلا صفت src در تگ img میتونه آدرس یا مسیر فایل تصویر رو مشخص کنه، پس هریک از صفت های HTML برای کاری درست شدن و هرکدون یه ویژگی یا امکانی رو به یک تگ اضافه میکنند.



 

شما می توانید در دوره های فرانت اند(طراحی قالب سایت یا ui) آموزشگاه اسما شرکت نمایید لینک ثبت نام دوره
 

لینک جهت شرکت در دوره

آشنایی با ساختار html

ثبت امتیاز

امتیاز :

امتیاز اخذه شده

0% complete (success)

امتیاز :0

دیدگاه ها (0)

دیدگاه خود را بیان کنید

ارسال دیدگاه

انتخاب سایر اطلاعیه ها

جستجو

بیاب

برچسب ها

بایگانی

جدید ترین مطالب