PROGRAM CITY IRAN HTML
برنامه شهرهای ایران در HTML، یک ابزار مفید برای نمایش و مدیریت اطلاعات مرتبط با شهرهای مختلف کشور است. این برنامه میتواند شامل اطلاعاتی مانند نام شهر، جمعیت، جاذبههای گردشگری، و نقشهها باشد.
ساختار HTML
برای شروع، یک ساختار پایه HTML ایجاد میشود. این ساختار شامل تگهای اصلی است که برای نمایش اطلاعات در صفحات وب ضروریاند.
```html
<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=
- 0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>شهرهای ایران</h1>
</header>
<main>
<section id="cities">
<h2>لیست شهرها</h2>
<ul>
<li>تهران</li>
<li>اصفهان</li>
<li>شیراز</li>
<li>مشهد</li>
<li>تبریز</li>
</ul>
</section>
</main>
<footer>
<p>تمامی حقوق محفوظ است.</p>
</footer>
</body>
</html>
```
توضیحات کد
در کد بالا، ما یک صفحه وب ساده با عنوان "شهرهای ایران" ایجاد کردیم. در بخش `<header>`, عنوان اصلی صفحه نمایش داده میشود. سپس در بخش `<main>`, لیستی از شهرها را نمایش میدهیم.
استایل CSS
برای زیباتر کردن طراحی، میتوانیم از CSS استفاده کنیم. مثلاً:
```css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
}
header {
background: #35424a;
color: #ffffff;
padding: 10px 0;
text-align: center;
}
h1, h2 {
margin: 0;
}
ul {
list-style: none;
}
```
نتیجهگیری
برنامههای HTML برای نمایش اطلاعات شهری، کمک میکند تا کاربران به راحتی اطلاعات مورد نیاز خود را بیابند. با استفاده از HTML و CSS، میتوانیم تجربه کاربری بهتری ایجاد کنیم.
این برنامه میتواند با افزودن ویژگیهایی مانند جستجو یا فیلتر کردن شهرها، بهبود یابد. به این ترتیب، کاربران میتوانند به آسانی و به سرعت به اطلاعات مورد نظر دسترسی پیدا کنند.