vika101-65
/
hw-yevgen
разклонено от Yevhen/hw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<link rel="shortcut icon"  href="image/favicon.ico">
	<title>A-level</title>
</head>
<body>

	<header class="header">
		<h1>Homework 1</h1>
	</header>

	<main class="main">
		<article class="main_tags">
			<h2>Список тегов :</h2>

			<section class="main_tags_block"><h3>Блочные теги :</h3>
				<dl>
					<dt>&lt; address  &gt;</dt>
					<dd>Определяет контактную информацию автора документа/статьи.</dd>
				</dl>
				<dl>
					<dt>&lt; div  &gt;</dt>
					<dd>Определяет раздел документа.</dd>
				</dl>
				<dl>
					<dt>&lt; h1  &gt; - &lt; h6  &gt;</dt>
					<dd>Определяют HTML заголовки.</dd>
				</dl>
				<dl>
					<dt>&lt; ol  &gt;</dt>
					<dd>Создает нумерованный(упорядоченный) список.</dd>
				</dl>
				<dl>
					<dt>&lt; ul  &gt;</dt>
					<dd>Определяет маркированный(неупорядоченный) список.</dd>
				</dl>
			</section>

			<section class="main_tags_semantic"><h3>Семантические теги :</h3>
				<dl>
					<dt>&lt; article  &gt;</dt>
					<dd>Используется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка.</dd>
				</dl>
				<dl>
					<dt>&lt; section  &gt;</dt>
					<dd>Элемент представляет собой универсальный раздел документа. Группирует тематическое содержимое и обычно содержит заголовок.</dd>
				</dl>
				<dl>
					<dt>&lt; nav  &gt;</dt>
					<dd>Предназначен для создания блока навигации веб-страницы или всего веб-сайта.</dd>
				</dl>
				<dl>
					<dt>&lt; header  &gt;</dt>
					<dd>Группирует вводные и навигационные элементы. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип.</dd>
				</dl>
				<dl>
					<dt>&lt; main  &gt;</dt>
					<dd>Элемент представляет основное содержимое документа (содержимое элемента &lt; body &gt;).</dd>
				</dl>
			</section>

			<section class="main_tags_single"><h3>Одиночные теги :</h3>
				<dl>
					<dt>&lt; area  &gt;</dt>
					<dd>Часть карты изображений.</dd>
				</dl>
				<dl>
					<dt>&lt; bgsound  &gt;</dt>
					<dd>Проигрывает музыку при открытии страницы, нестандартный тег.</dd>
				</dl>
				<dl>
					<dt>&lt; img  &gt;</dt>
					<dd>Изображение (фотография, картинка, рисунок и т.д.).</dd>
				</dl>
				<dl>
					<dt>&lt; link  &gt;</dt>
					<dd>Загружает внешние файлы .css, .xml, .ico.</dd>
				</dl>
				<dl>
					<dt>&lt; br  &gt;</dt>
					<dd>Перевод строки.</dd>
				</dl>
			</section>
		</article>

		<p class="main_extra">
			<a href="#">Белая</a> 
			<b>берёза</b><br>
			<i>Под моим окном</i><br>
			<i><b>Принакрылась снегом,</b></i><br>
			<mark>Точно сребром.</mark>			
		</p>

		<article class="main_list">
			<h3>Список:</h3>
			<ol>
				<li><b>Пункт первый</b></li>
				<li><i>Пункт второй</i></li>
				<li><u>Пункт третий</u></li>	<!-- Tag <u></u> not valid -->
				<li><a class="google-link" id="mainlink" href="https://www.google.com" target="_blank">Пункт четвёртый</a></li>
				<li><span style="color: #FF0000">Пункт пятый</span></li>
			</ol>
		</article>
		
	</main>

	<footer class="footer">
		<p class="footer_contact">Yevhen Chukharkin <a href="tel:+380888888888">+38088-88-88-888</a></p>
	</footer>

</body>
</html>