Тема: Стилі заголовків
Мета: Опанувати основні стилі заголовків, що використовуються в HTML-документах.
Теоретичні відомості.
Функції заголовків
Рубрикація - це система заголовків видання й позначуваних ними підрозділів (рубрик), яка виражає логічний чи інший зв'язок і супідрядність частин тексту.
Завдяки різноманітним видавничо-оформлюючим прийомам (різному розміщенню заголовків відносно тексту) і художньо-поліграфічним засобам (написанню і розміру шрифту) читач бачить, який заголовок головний, а який підпорядкований, а також які заголовки і підрозділи однакові за рівнем. Це допомагає читачеві вільно орієн¬туватись в структурі видання і сприймати значення кожного заголовка. Заголовки організовують, спрямовують і полегшують читання, посилюють довідкову функцію публікації.
Рубрикація - це така система заголовків, у якій заголовки різної значущості посідають різні щаблі (від вищого через проміжні до нижчого). Термін «щабель» умовно позначає значущість заголовка: на першому, верхньому, щаблі стоять заголовки найвищої значущості, на другому, наступному - заголовки, значущість яких менша за значущість заголовків першого щабля на один крок і так далі.
Заголовки характеризуються такими ознаками:
1. Міра змістовності, склад і форма заголовка.
2. Місце заголовка на сторінці відносно основного тексту.
3. Взаємодія заголовка з текстом.
4. Характер частини тексту, позначеної заголовком. Мова HTML використовує шість стилів заголовків для
виділення тексту. Стилі нумеруються від 1 до 6, причому розмір шрифту заголовка першого стилю є найбільшим. Стандарт мови HTML нараховує 11 атрибутів тега заголовка, але не всі вони реалізовані у більшості програм-броузерів. Розглянемо тільки атрибут ALIGN, який дозволяє вирівнювати текст за правою, лівою межею або по центру. За замовчуванням текст вирівнюється за лівою межею. Даний атрибут застосовується також до графіки і таблиць, Значення атрибута ALIGN такі ж, як і для тегу розбиття тексту на абзаци <р>
Основні стилі заголовків
<Нп>_, де п - номер стилю від 1 до 6 -'виділяє текст різними стилями.
ПРИКЛАД
Файл у форматі HTML:
<ТITLЕ>Сторінка титульна
<br /><br /></HEAD><br /><br /><BODY><br /><br /></p><div class='pagination'><a class='uk-button uk-button-small uk-button-default' href='computers_8349.php'>1</a></div></div>
<hr />
<div style="margin:0px 0px 0px 0px;" class="responsive_1_">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3017271769063749"
crossorigin="anonymous"></script>
<!-- Universal horizontal adaptive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3017271769063749"
data-ad-slot="8886608564"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</article>
</div>
<div class="uk-width-1-4@m">
<div style="margin:0px 0px 15px 0px;" class="uk-text-center">
<div uk-alert>
<h3>Реферати!</h3>
<p class="">У нас ви зможете знайти і ознайомитися з рефератами на будь-яку тему.</p>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3017271769063749"
crossorigin="anonymous"></script>
<!-- Universal vertical adaptive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-3017271769063749"
data-ad-slot="6775450545"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<br /><br />
<div uk-sticky="offset: 100" class="scrollspy uk-sticky uk-active uk-card uk-card-small uk-card-body uk-padding-remove-top uk-visible@m uk-text-center">
<br />
</div>
</div>
</div>
</div>
</div>
<br /><br />
<div class="uk-section uk-padding-remove-top uk-padding-remove-bottom">
<div class="uk-container">
<hr>
</div>
</div>
<div class="uk-section uk-padding-remove section-cta uk-background-blend-lighten uk-background-center-center uk-background-cover uk-text-center" style="background-image: url(/assets/img/home-office.jpg)" >
<div class="uk-background-muted1 uk-border-rounded1 uk-padding-large">
<h2>Не знайшли потрібний реферат ?</h2>
<p class="uk-text-lead">Замовте написання реферату на потрібну Вам тему</p>
<p class="uk-margin-medium-top">
<a href="/go/referat/2" target="blank" class="uk-button uk-button-primary uk-button-large">Замовити реферат</a>
</p>
</div>
</div>
<footer id="footer" class="uk-section uk-margin-remove uk-section-xsmall uk-text-small uk-text-muted border-top">
<div class="uk-container">
<div class="uk-text-center">
<a href="/" title="Реферат на тему">Реферати на тему</a> | <a href="/" title="Реферати українською мовою безкоштовно">Реферати українською мовою безкоштовно</a> | <a href="/" title="Скачати бесплатно реферати українською мовою">Скачати бесплатно реферати українською мовою</a>
</div>
<div class="uk-text-center">
<span class="copyright">© 2011 - 2023 - Українські реферати
</span>
</div>
</div>
</footer>
<link rel="stylesheet" href="/assets/fa/css/font-awesome.min.css">
</body>
</html>