维科纳蒂 »
×
改变方向
在 Codepen 上打开
更改主题，深色/浅色
<!DOCTYPE html> <html lang="uk"> <head><meta http-equiv="content-security-policy" content="script-src 'none'"> <meta charset="utf-8"> <title>HTML5</title> <!--[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.9em; } div#header, div#footer { padding: 10px; color: white; background-color: blue; } div#content { margin: 5px; padding: 10px; background-color: yellow; } div.article { margin: 5px; padding: 10px; background-color: white; } div#menu ul { padding: 0; } div#menu ul li { display: inline; margin: 5px; } </style> </head> <body> <div id="header"> <h1>W3Schools українською</h1> </div> <div id="menu"> <ul> <li><a href="../html/index.html">Уроки по HTML</a></li> <li><a href="../javascript/index.html">Уроки по JavaScript</a></li> <li><a href="../php/index.html">Уроки по PHP</a></li> </ul> </div> <div id="content"> <h2>Розділ статтей</h2> <div class="article"> <h2>Стаття перша</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> </div> <div class="article"> <h2>Стаття друга</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at.</p> </div> </div> <div id="footer"> <p>© 2024 <a href="../index.html" target="_blank"><em>W3Schools українською</em></a>. Всі права захищені.</p> </div> </body> </html>
