ایتا - برنامه نویسی

برنامه نویسی | Web Block

۳. تگ <body> 
صحنه نمایش🎭

حالا که با <head> آشنا شدی، وقتشه با برادرش آشنا بشی؛ تگ <body> یعنی هر چیزی که کاربر توی مرورگر میبینه، اینجاست

کارکرد = صحنه نمایش 
متن ها، عکس ها، دکمه ها، ویدیوها، فرم ها… خلاصه کل محتوای قابل مشاهده، داخل این تگ قرار میگیره

🔸نکته: در هر صفحه فقط یک <body> داریم و همه چیز باید داخلش باشه

1 مشاهده17:30

برنامه نویسی | Web Block

۴.تگ <h1> 
بزرگترین تیتر♨️

تگ h1 یعنی Heading 1؛ مهمترین و بزرگترین عنوان صفحه
مثل تیتر درشت روزنامه یا اسم فیلم روی پوسترش

کارکرد = نمایانگر موضوع سایت
نشون میده موضوع اصلی صفحه چیه

🔸نکته سئو (SEO): گوگل اول از همه به h1 صفحه نگاه میکنه تا بفهمه صفحه دربارهی چیه! پس بهتره در هر صفحه فقط یک h1 داشته باشیم.

🔸خانوادهاش: h1 تا h6 داریم که هرچی عدد بزرگتر بشه، عنوان کوچیکتره (h2 برای زیرتیترها، h3 برای زیرمجموعه هاشون و…)

1 مشاهده17:31

برنامه نویسی | Web Block

💛💛💛

1 مشاهده17:31

برنامه نویسی | Web Block

سوالی داری از پشتیبانی بپرس
🆔 @Web_Block_Support

1 مشاهده17:31

web_block

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

نمایش در ایتا

1 مشاهده19:45

برنامه نویسی | Web Block

شرمنده بابت یکم تاخیر😉

1 مشاهده19:45

برنامه نویسی | Web Block

💛💛💛

1 مشاهده19:46

برنامه نویسی | Web Block

جلسه سوم از چالش ۲۸ تگ طلایی⚡️

#تگ‌های‌طلایی

1 مشاهده19:46

برنامه نویسی | Web Block

۵.تگ <h2> تا <h6> 
زیرتیتر ها و سلسله‌مراتب🔗

در روز قبل، <h1> رو یاد گرفتی که «شاه‌تیتر» یا عنوان اصلی صفحه بود. اما هیچ مقاله‌ای یا صفحه‌ای فقط یک عنوان نداره؛ ما به زیرتیتر نیاز داریم تا مطالب رو دسته‌بندی کنیم!

کارکرد = تقسیم محتوا

🔸قانون سلسله‌مراتب:
تگ <h1> اصلی‌ترین موضوعه.
تگ <h2> برای بخش‌های اصلی
تگ <h3> برای زیرمجموعه اون بخش
و به همین ترتیب تا <h6> که کوچک‌ترین عنوان هست.

🔸نکته مهم: هرگز از این تگ‌ها فقط برای “بزرگ کردن متن” استفاده نکن! ازشون فقط برای ساختاردهی به متن استفاده کن.

1 مشاهده19:46

برنامه نویسی | Web Block

۶. تگ <p> 
پاراگراف / بدنه متن🖌

تگ <p> مخفف Paragraph هست و برای نوشتن متن‌های معمولی استفاده می‌شه

کارکرد = نوشتن متن 
هر متنی که می‌خوای کاربر بخونه (توضیحات، داستان، مقاله و…) رو باید داخل این تگ بذاری

🔸ویژگی جالب: مرورگر به صورت خودکار قبل و بعد از تگ <p> کمی فضای خالی (Margin) ایجاد می‌کنه تا پاراگراف‌ها از هم جدا بشن و متن‌ها به هم نچسبن و خوانایی بالا بره.

1 مشاهده19:46

برنامه نویسی | Web Block

💛💛💛

1 مشاهده19:46

برنامه نویسی | Web Block

سوالی داری از پشتیبانی بپرس
🆔 @Web_Block_Support

1 مشاهده19:46

مطالب بعدی

پرسش‌ها

قوانین

داغ‌ترین‌ها

چندسکویی