Виконати »
×
Змінити орієнтацію
Відкрити на Codepen
Змінити тему, Темна/Світла
<!DOCTYPE html> <html lang="uk"> <head> <title>Відомі міста</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"> </script> <![endif]--> <style> body { font-family: Verdana, sans-serif; font-size: 0.8em; } header, nav, section, article, footer, div.city { border: 1px solid grey; margin: 5px; padding: 8px; } nav ul { margin: 0; padding: 0; } nav ul li { display: inline; margin: 5px; } </style> </head> <body> <header> <h1>Відомі міста</h1> </header> <nav> <ul> <li><a href="#">Новини</a></li> <li><a href="#">Спорт</a></li> <li><a href="#">Погода</a></li> </ul> </nav> <article> <h2>Знамениті міста</h2> <div class="city"> <h2>Лондон</h2> <p>Лондон - це столиця Великої Британії. Це найбільш густонаселене місто в Сполученому Королівстві з населенням більше 13 мільйонів людей.</p> </div> <div class="city"> <h2>Париж</h2> <p>Париж - це столиця і найбільш густонаселене місто Франції.</p> </div> <div class="city"> <h2>Токіо</h2> <p>Токіо - це столиця Японії, центр Великого Токійського району і найбільш густонаселений мегаполіс в світі.</p> </div> </article> <footer> <p>© 2024 W3Schools українською. Всі права захищені.</p> </footer> </body> </html>
