طراحی وب با HTML و CSS

HTML و CSS دو ستون اصلی در طراحی وب سایت‌ها هستند. هر کدام نقش خاصی در ساختار و زیبایی وب ایفا می‌کنند.

HTML: ساختاردهی محتوا

HTML یا HyperText Markup Language، زبان نشانه‌گذاری است که برای ساختاردهی محتوای وب استفاده می‌شود. با استفاده از تگ‌های HTML، شما می‌توانید عناوین، پاراگراف‌ها، تصاویر و لینک‌ها را تعریف کنید.

تگ‌های اصلی شامل:

- ``: برای آغاز و پایان یک سند HTML.
- ``: برای اطلاعات متا، عنوان و پیوند به CSS.
- ``: جایی که محتوای اصلی وب سایت قرار می‌گیرد.

به‌عنوان مثال، برای ایجاد یک عنوان، می‌توانید از تگ `

` استفاده کنید، در حالی که برای یک پاراگراف، تگ `

` مناسب است.

CSS: زیباسازی و استایل‌دهی

CSS یا Cascading Style Sheets، زبان سبک‌دهی است که به شما اجازه می‌دهد ظاهر المان‌های HTML را تغییر دهید. با CSS، می‌توان رنگ، اندازه، فاصله و چینش المان‌ها را تنظیم کرد.

قواعد اصلی CSS:

- انتخابگرها: برای انتخاب المان‌هایی که می‌خواهید استایل دهید.
- خصوصیات: مانند `color`, `font-size`, `margin` و `padding`.

به‌عنوان مثال، برای تغییر رنگ متن می‌توانید از کد زیر استفاده کنید:

```css
p {
color: blue;
}
```

ادغام HTML و CSS

برای استفاده از CSS در HTML، شما می‌توانید از سه روش استفاده کنید:

1. استایل داخلی: با استفاده از تگ `