×

Сохраните ваш код

Если вы нажмете кнопку "Сохранить", ваш код будет сохранен, и вы получите URL, которым вы можете поделиться с другими.

Нажав кнопку "Сохранить", вы соглашаетесь с нашими условиями и положениями.

Сообщить об ошибке

×

Сохранить на Google Диске

Если у вас есть учетная запись Google, вы можете сохранить этот код на Google Диске.

Google попросит вас подтвердить доступ к Google Диску.

×

Открыть с Google Диска

Если вы сохранили файл на Google Диске, вы можете открыть его здесь:

Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html lang="en">
<head>
<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>
</script>
<![endif]-->
<style>
body {
  font-family: Verdana,sans-serif;
  font-size: 0.9em;
}
header, footer {
  padding: 10px;
  color: white;
  background-color: black;
}
section {
  margin: 5px;
  padding: 10px;
  background-color: lightgrey;
}
article {
  margin: 5px;
  padding: 10px;
  background-color: white;
}
nav ul {
  padding: 0;
}
nav ul li {
  display: inline;
  margin: 5px;
}
</style>
</head>
<body>
<header>
  <h1>Белокуракинский портал</h1>
</header>
<nav>
  <ul>
    <li>Новости</li>
    <li>Спорт</li>
    <li>Погода</li>
  </ul>
</nav>
<section>
  <h2>Раздел новостей</h2>
  <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>
  </article>
  <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>
  </article>
</section>
<footer>
  <p>&copy; 2019 <a href="http://bilokurakyne.blogspot.com/" target="_blank">Белокуракинский портал</a>. Все права защищены.</p>
</footer>
</body>
</html>
×

Сообщить о проблеме: