Вы находитесь на странице: 1из 2

<!

DOCTYPE html>
<html lang="ru">

<head>
<link rel="stylesheet" href="styleHTML.css">
<meta charset="UTF-8">
<title>Блог о веб-разработке</title>
</head>

<body>
<header>
<h1>Блог о веб-разработке</h1>
<h2>Самое важное из мира веба</h2>
</header>
<hr>
<main>
<article>
<header>
<h3>Что такое HTML</h3>
</header>
<img src="https://image.ibb.co/feHzfK/html4.png">
<p><b>HTML</b> <i>(от англ. Hyper Text Markup Language — «язык
гипертекстовой разметки»)</i> —<br> стандартизированный язык разметки документов во
Всемирной паутине. Большинство веб-страниц<br> содержат описание разметки на языке
HTML. Язык HTML интерпретируется браузерами, полученный в<br> результате
интерпретации форматированный текст отображается на экране монитора компьютера
или<br> мобильного устройства.<br><br>

Язык HTML был разработан британским учёным <b>Тимом Бернерсом-


Ли</b> приблизительно в <b>1986—1991</b><br> годах в стенах ЦЕРНа в Женеве в
Швейцарии. HTML создавался как язык для обмена научной и<br> технической
документацией, пригодный для использования людьми, не являющимися специалистами
в<br> области вёрстки.<br><br>

Изначально язык HTML был задуман и создан как средство


структурирования и форматирования<br> документов без их привязки к средствам
воспроизведения (отображения). В идеале, текст с разметкой<br> HTML должен был без
стилистических и структурных искажений воспроизводиться на оборудовании с<br>
различной технической оснащённостью (цветной экран современного компьютера,
монохромный экран<br> органайзера, ограниченный по размерам экран мобильного
телефона или устройства и программы<br> голосового воспроизведения текстов). Однако
современное применение HTML очень далеко от его<br> изначальной задачи.</p>
<footer>
<p><i>Опубликовано: 01.09.2018</i></p>
</footer>
</article>
<article>
<header>
<h3>Особенности HTML5</h3>
</header>
<img src="https://image.ibb.co/mW5Nje/html5.jpg">
<iframe width="560" height="300"
src="https://www.youtube.com/embed/vHmUVQKXlVo?controls=0&amp;start=13"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe frameborder="0" style="border:none;width:1065px;height:170px;"
width="1060" height="300"
src="https://music.yandex.ru/iframe/#album/13648980">Слушайте <a
href='https://music.yandex.ru/album/13648980'>Sound and Vision</a> — <a
href='https://music.yandex.ru/artist/3017805'>Helado Negro</a> на
Яндекс.Музыке</iframe>
<p>HTML5- это не продолжатель языка разметки гипертекста, а новая
открытая платформа, предназначенная<br> для создания веб-приложений использующих
аудио, видео, графику, анимацию и многое другое.<br><br>

В HTML5 добавилось много нового. Для статей, блогов, документации и


подобных материалов будут<br> полезны элементы article и section, а также новая
система заголовков и рубрикации. «Шапка» и «подвал»,<br> панель навигации и боковая
панель обозначаются элементами header, footer, nav и aside. Для<br> мультимедийного
содержания появились элементы audio и video. Они внедряют в страницу<br>
соответствующий ресурс и обеспечивают стандартные элементы управления - кнопки
запуска, паузы и<br> остановки, проматывание, регулятор громкости. Для тех
браузеров, где эти элементы не поддерживаются,<br> HTML5 позволяет дополнить их
альтернативным содержанием - например, роликом Flash, с помощью<br> которого сейчас
внедряется большинство аудио- и видеозаписей. В продвинутых браузерах
полноценно<br> сработает элемент audio или video, а во всех остальных -
альтернативный ролик, так что все пользователи<br> останутся довольны.
</p>
</article>
</main>
<hr>
<footer>
<p><i class="who">Автор блога: Иванов Иван Иванович.<br>
Все права защищены. Блог о веб-разработке © 2018</i></p>
<p class="who">Тут тебя научат программированию:</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!
1d3174.1707765894935!2d37.60324514348388!3d55.76758078607993!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa3133b6f65482a57!2z0KjQutC-
0LvQsCDQv9GA0L7Qs9GA0LDQvNC80LjRgNC-0LLQsNC90LjRjyBDb2RkeQ!5e0!3m2!1sru!2sru!
4v1614457994988!5m2!1sru!2sru" width="600" height="450" style="border:0;"
allowfullscreen="" loading="lazy"></iframe>
</footer>
</body>

</html>