ساخت و ویرایش صفحات HTML
HTML، که مخفف HyperText Markup Language است، زبان نشانهگذاری اصلی برای ایجاد صفحات وب به شمار میآید. این زبان به شما این امکان را میدهد که محتوا، ساختار و طراحی صفحات وب را ایجاد کنید. در اینجا، ما به بررسی مراحل
ساخت و ویرایش صفحات HTML
خواهیم پرداخت.ساختار پایه HTML
هر صفحه HTML دارای ساختار خاصی است. این ساختار شامل تگهای مختلفی است که محتوای صفحه را مشخص میکند. در زیر مثالی از یک صفحه HTML ساده آورده شده است:
```html
<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>سلام، به وبسایت من خوش آمدید!</h1>
<p>این یک پاراگراف نمونه است.</p>
</body>
</html>
```
در اینجا، تگ `<!DOCTYPE html>` نشان میدهد که این یک سند HTML5 است. تگ `<html>` شروع و پایان صفحه را مشخص میکند. درون تگ `<head>،` اطلاعاتی مانند عنوان صفحه قرار دارد. تگ `<body>` شامل محتوای اصلی صفحه است.
ویرایش صفحات HTML
برای ویرایش صفحات HTML، میتوانید از ویرایشگرهای متنی ساده مانند Notepad یا ویرایشگرهای پیشرفتهتر مانند Visual Studio Code استفاده کنید. با باز کردن فایل HTML در ویرایشگر، میتوانید تغییرات مورد نظر خود را اعمال کنید.
اضافه کردن عناصر جدید
شما میتوانید عناصر مختلفی به صفحه HTML خود اضافه کنید. به عنوان مثال، برای افزودن تصویر، از تگ `<img>` استفاده میشود:
```html
<img src="path/to/image.jpg" alt="توضیح تصویر">
```
توجه داشته باشید که ویژگی `src` مسیر تصویر و `alt` توضیحی برای تصویر فراهم میکند.
استفاده از CSS
برای زیباتر کردن صفحات HTML، میتوانید از CSS (Cascading Style Sheets) استفاده کنید. با افزودن این زبان، میتوانید رنگها، فونتها و طراحیهای مختلفی برای صفحه خود تعیین کنید. به عنوان مثال:
```html
<style>
body {
background-color: lightblue;
}
h1 {
color: navy;
font-family: Arial, sans-serif;
}
</style>
```
در اینجا، رنگ زمینه صفحه به آبی روشن تغییر کرده و رنگ و فونت عنوان نیز مشخص شده است.
نتیجهگیری
در نهایت،