86 lines
2.7 KiB
HTML
86 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Это пример HTML5">
|
|
<meta name="keywords" content="HTML5, CSS3, JavaScript">
|
|
<title>Этот текст — заголовок документа</title>
|
|
<link rel="stylesheet" href="mystyles.css">
|
|
|
|
<style>
|
|
.round {
|
|
border-radius: 50%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Это главный заголовок веб-сайта</h1>
|
|
</header>
|
|
<nav>
|
|
<ul>
|
|
<li>домой</li>
|
|
<li>фотографии href="http://google.com"</li>
|
|
<li>видео</li>
|
|
<li>контакты</li>
|
|
</ul>
|
|
</nav>
|
|
<section>
|
|
<article>
|
|
<header>
|
|
<hgroup>
|
|
<h1>Заголовок статьи 1</h1>
|
|
<h2>подзаголовок статьи 1</h2>
|
|
</hgroup>
|
|
<p>опубликовано 10.12.2011</p>
|
|
</header>
|
|
Это текст моей первой статьи
|
|
|
|
<span>I love the movie <cite>Temptations</cite></span>
|
|
|
|
<address>
|
|
<a href="http://www.jdgauchat.com">JD Gauchat</a>
|
|
</addres>
|
|
|
|
<figure>
|
|
<img src="http://minkbooks.com/content/myimage.jpg">
|
|
<figcaption>
|
|
Это изображение для первой статьи
|
|
</figcaption>
|
|
</figure>
|
|
<footer>
|
|
<p>комментарии (0)</p>
|
|
</footer>
|
|
</article>
|
|
|
|
<img src="images/avatar.jpg" width="200px" height="200px" alt="" class="round">
|
|
<img src="images/avatar.jpg" alt="" class="round">
|
|
<img src="images/avatar.jpg" alt="" class="round">
|
|
|
|
<article>
|
|
<header>
|
|
<hgroup>
|
|
<h1>Заголовок статьи 2</h1>
|
|
<h2>подзаголовок статьи 2</h2>
|
|
</hgroup>
|
|
<p>опубликовано 15.12.2011</p>
|
|
</header>
|
|
Это текст моей второй статьи
|
|
<footer>
|
|
<p>комментарии (0)</p>
|
|
</footer>
|
|
</article>
|
|
</section>
|
|
<aside>
|
|
<blockquote>Статья номер 1</blockquote>
|
|
<blockquote>Статья номер 2</blockquote>
|
|
</aside>
|
|
<footer>
|
|
Copyright © 2010-2011
|
|
<small>Copyright © 2011 MinkBooks</small>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |