Урок 8. Жирний, курсивний, підкреслений і закреслений текст
Відео: Жирний, курсив, закреслений і перевернутий текст в коментарях на Youtube
Здрастуй, шановний читачу.
Це восьмий урок вивчення html, в якому ми поговоримо про зміну виду тексту. З даного уроку ви дізнаєтеся як зробити шрифт, курсив і підкресленим. Цей урок невеликий і дуже легкий, але і потрібний.
Перед прочитанням даного уроку рекомендую пройти попередні уроки:
Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення
Урок 5. Посилання. Частина 1
Урок 5. Посилання. Частина 2
Урок 6. Атрибути
Урок 7. Таблиці
Теорія та практика
При написанні тексту часто виникає необхідність виділити текст. Зробити його жирним або курсивом, щоб на його звернули увагу. Відразу перейдемо до прикладів:
12345678910111213141516 | lt;htmlgt;lt;headgt;lt;titlegt; Головнаlt;/titlegt;lt;/headgt;lt;bodygt;lt;pgt; Менюlt;/pgt;lt;ulgt;lt;ligt; lt;a href="Example.html" title="Головна"gt; Головнаlt;/agt; lt;/ligt;lt;ligt; lt;a href="Banan.html" title="Користь банана"gt; Бананlt;/agt; lt;/ligt;lt;ligt; lt;a href="Apple.html" title="Користь яблука"gt; Яблукоlt;/agt; lt;/ligt;lt;ligt; lt;a href="Persik.html" title="Користь персика"gt; Персикlt;/agt; lt;/ligt;lt;/ulgt;lt;pgt; Nullam lt;stronggt; eget aliquetlt;/stronggt; sapien, lt;bgt; vitae vulputatelt;/bgt; diam. lt;insgt; Vivamus at arcult;/insgt; urna. Sed eget lt;emgt; neque etlt;/emgt; sapien lt;igt; auctorlt;/igt; adipiscing. lt;delgt; Aenean tinciduntlt;/delgt; metus at facilisis imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.lt;/pgt;lt;/bodygt;lt;/htmlgt; |
Як це виглядає в браузері:
Зараз про кожного тезі по порядку:
1. За виділення жирним шрифтом відповідають теги і. Справа в тому що тег є застарілим, а замість неї рекомендується використати тег.
2. Щоб виділити текст курсивом відповідають теги
і. але тег також застарів як і тег, тому замість нього використовуйте тег.Відео: Урок 3. Оформлення тексту
3. Щоб підкреслити текст, його необхідно взяти в тег.
4. Щоб закреслити текст, його необхідно взяти в тег
.Отже. Ще раз подивимося, але тільки у вигляді таблиці:
lt;stronggt; eget aliquetlt;/stronggt; |
lt;emgt; eget aliquetlt;/emgt;
lt;insgt; eget aliquetlt;/insgt;
lt;delgt; eget aliquetlt;/delgt;
Також дані теги можна комбінувати Але важливо щоб тег відкривався й закривався правильно. Далі у прикладі написано правильно! Не можна допускати такого: eget aliquet. Тобто тег спочатку повинен відкриватися, потім закриватися. А якщо хочете ще в один тег взяти - потрібно брати все теги всередині в цю конструкцію. наприклад:
lt;emgt; lt;stronggt; eget aliquetlt;/stronggt; lt;/emgt; |
Як це буде виглядати в браузері:
Сьогодні ми розглянули якомога виділити текст на сторінці. Все дуже просто. Пробуйте все прописати руками. Тоді ви краще запам`ятайте їх і будете пам`ятати де і як їх застосувати.