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، می‌توانیم تجربه کاربری بهتری ایجاد کنیم.
این برنامه می‌تواند با افزودن ویژگی‌هایی مانند جستجو یا فیلتر کردن شهرها، بهبود یابد. به این ترتیب، کاربران می‌توانند به آسانی و به سرعت به اطلاعات مورد نظر دسترسی پیدا کنند.
برنامه شهرهای ایران با استفاده از HTML
برنامه‌ای که برای نمایش و مدیریت اطلاعات شهرهای ایران طراحی شده است، می‌تواند به شکل یک وبسایت ساده و کاربرپسند ایجاد شود. این وبسایت می‌تواند اطلاعاتی مانند نام شهرها، استان‌ها، جمعیت، مساحت، و جاذبه‌های گردشگری را نمایش دهد.
برای شروع، نیاز به ساختار HTML داریم. HTML (زبان نشانه‌گذاری HyperText Markup Language) یک زبان پایه برای ایجاد صفحات وب است.
STRUCURE OF THE PROGRAM
```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>
<nav>
<ul>
<li><a href="#tehran">تهران</a></li>
<li><a href="#isfahan">اصفهان</a></li>
<li><a href="#shiraz">شیراز</a></li>
</ul>
</nav>
<main>
<section id="tehran">
<h2>تهران</h2>
<p>تهران پایتخت ایران است و به عنوان بزرگ‌ترین شهر کشور شناخته می‌شود.</p>
</section>
<section id="isfahan">
<h2>اصفهان</h2>
<p>اصفهان به خاطر معماری تاریخی‌اش مشهور است. </p>
</section>
<section id="shiraz">
<h2>شیراز</h2>
<p>شیراز به عنوان شهر شعر و ادب معروف است.</p>
</section>
</main>
<footer>
<p>تمامی حقوق محفوظ است © 2023</p>
</footer>
</body>
</html>
```
در اینجا، یک ساختار ساده HTML برای نمایش اطلاعات شهرهای ایران ایجاد شده است.
CSS STYLING
برای زیباتر کردن صفحه وب، می‌توان از CSS (زبان ورقه‌های سبک) استفاده کرد. این زبان به ما اجازه می‌دهد تا طراحی و چیدمان عناصر HTML را کنترل کنیم.
```css
body {
font-family: Arial, sans-serif;
line-height:
- 6;
}
header {
background: #35424a;
color: #ffffff;
padding: 10px 0;
text-align: center;
}
nav {
margin: 20px 0;
}
nav ul {
list-style: none;
}
nav ul li {
display: inline;
margin: 0 10px;
}
main {
padding: 20px;
background: #ffffff;
}
footer {
text-align: center;
padding: 10px 0;
background: #35424a;
color: #ffffff;
}
```
با استفاده از CSS می‌توانیم رنگ‌ها، فونت‌ها، و چیدمان صفحات را تغییر دهیم.
CONCLUSION
