قبل از اینکه وارد بخش دوم دوره بشیم، بیایید یک نگاه کلی به مباحثی که تا اینجا یاد گرفتیم داشته باشیم.
🔹 نکات کلیدی بخش اول
- HTML همه‌جا هست
- همه‌ی صفحات وب با HTML ساخته می‌شوند.
- حتی بسیاری از اپلیکیشن‌های موبایل از موتور رندر HTML برای نمایش بخش‌هایی از محتوا استفاده می‌کنند.
- ساختار عناصر مثل ساندویچ
- هر عنصر از یک تگ شروع، محتوا و تگ پایان تشکیل می‌شود.
- مثال:
<p>این یک پاراگراف است</p>
- تو در تو بودن عناصر (Nesting)
- عناصر می‌توانند داخل هم قرار بگیرند، مثل عروسک‌های روسی 🎎.
- مثال: ساخت لیست بولت‌دار با
<ul>و<li>:<ul> <li>شیر</li> <li>تخم مرغ</li> <li>نان</li> </ul>
- ساختار کلی سند HTML
- ریشه‌ی سند:
<html> - دو بخش اصلی:
<head>: شامل اطلاعات متا، عنوان صفحه، لینک به CSS و سایر تنظیمات.<body>: شامل محتوای قابل مشاهده مثل تیترها، متن‌ها، تصاویر و لیست‌ها.
- ریشه‌ی سند:
- ویژگی‌ها (Attributes)
- ویژگی‌ها به عناصر HTML عملکرد و معنا می‌دهند.
- مثال: ویژگی
hrefدر تگ لینک<a>برای ایجاد لینک قابل کلیک:<a href="page.html">رفتن به صفحه دیگر</a>
🎯 جمع‌بندی
- یاد گرفتیم HTML پایه‌ی همه‌ی صفحات وب است.
- عناصر مثل بلوک‌های ساختمانی هستند که می‌توانند داخل هم قرار بگیرند.
- ساختار استاندارد سند HTML شامل head و body است.
- ویژگی‌ها قدرت بیشتری به عناصر می‌دهند و امکان تعامل ایجاد می‌کنند.