درس دوم: تگهای متنی و هنر ساختاردهی به محتوا
درس دوم: تگهای متنی و هنر ساختاردهی به محتوا
در درس گذشته آموختیم که بدنه اصلی سایت در تگ <body> قرار میگیرد. امروز در CSLearn میخواهیم یاد بگیریم چطور با استفاده از تگهای متنی، محتوای خود را برای کاربران جذاب و برای موتورهای جستجو (مثل گوگل) استاندارد کنیم.
📌 ۱. تگهای عنوان (Headings)
در HTML ما ۶ سطح عنوان داریم که اهمیت آنها از ۱ به ۶ کاهش مییابد. این تگها ستون فقرات سئو سایت شما هستند.
- 🔸 <h1>: موضوع اصلی صفحه (فقط یک بار در هر صفحه استفاده شود).
- 🔸 <h2>: تیترهای بخشهای اصلی.
- 🔸 <h3> تا <h6>: زیرعنوانها برای دستهبندی جزئیتر.
💻 نمونه کدهای متنی
به نحوه استفاده از تگهای پاراگراف و عناوین در کنار هم دقت کنید:
<h1>به دنیای برنامه نویسی خوش آمدید</h1> <h2>بخش اول: مقدمات</h2> <p>این یک پاراگراف ساده برای توضیحات است.</p> <p>برای شکستن خط و رفتن به خط بعدی<br> از تگ br استفاده میکنیم.</p>
✨ ۲. حالتدهی به کلمات (Formatting)
برای اینکه به برخی کلمات اهمیت بیشتری بدهیم، از تگهای زیر استفاده میکنیم:
| تگ | خروجی بصری | کاربرد |
|---|---|---|
<strong> | متن ضخیم | تاکید بر اهمیت سئو |
<em> | متن مورب | تأکید کلامی |
<mark> | متن هایلایت | برجستهسازی بصری |
🚩 تمرین درس دوم:
یک فایل جدید بسازید. یک عنوان h1 برای نام سایت خود و یک عنوان h2 با عنوان “درباره من” بنویسید. در زیر آن یک پاراگراف بنویسید که در آن نام شهرتان Strong شده باشد.