×

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

Если вы нажмете кнопку "Сохранить", ваш код будет сохранен, и вы получите 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;
}
div#header, div#footer {
  padding: 10px;
  color: white;
  background-color: black;
}
div#content {
  margin: 5px;
  padding: 10px;
  background-color: lightgrey;
}
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>Monday Times</h1>
</div>
<div id="menu">
  <ul>
    <li>Новости</li>
    <li>Спорт</li>
    <li>Погода</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>&copy; 2020 Белокуракинский портал. Все права защищены.</p>
</div>
</body>
</html>
×

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