В этой статье примеров кода не будет: всё можно посмотреть, зайдя на GitHub по ссылке в начале статьи.
В предыдущей статье мы разбирали, как добавляется текст. В этой статье посмотрим, а как вообще можно играть с текстом на странице?
Ответ: практически всё, что угодно. В разумных конечно пределах, но вы поняли. Для начала небольшое пояснение к дальнейшему.
HTML не поймёт такую вот строку:
<span>Жирный шрифт пишется так: <b>ЖИРНЫЙ ШРИФТ<b></span>
На экране вы увидите написанное капсом именно жирным, потому как <b> будет интерпретировано именно как инструкция для браузера, а не текст для вывода. Для решения вопроса, существуют спецсимволы, позволяющие вывести именно то, что нужно. Выглядеть будет не очень читаемо, но используется это сравнительно не часто, так что глаза болеть вряд ли станут от чтения кода (этот подход можно увидеть, перейдя на GitHub):
<span>Жирный шрифт пишется так: <b>ЖИРНЫЙ ШРИФТ<b></span>
Еще момент с пробелами. Дело в том, что сколько бы вы ни указывали пробелов, на экране браузера они "схлопнутся" в один. Для обхода этого нужно использовать спецсимвол , отображающий пробел.
Итак, основы.
Тэг <br> уже упоминали в предыдущей статье. Это перенос строки.
Простые манипуляции с текстом: <b> - жирный шрифт, <i> - наклонный шрифт, <u> - подчеркнутый шрифт.
Заголовки <h1>, причем цифры от 1 (самый большой) до 6 - очень маленькие.
Тэг <p>: абзац. Это крайне любопытный тэг в плане поведения: именно абзац. Не стоит использовать внутри него тэг переноса <br>. Кроме того, абзац не является форматированным, поэтому если вам нужна "красная строка", то нужно указать количество пробелов в начале.
Все остальное - стилизация за счет свойств CSS, которые можно посмотреть в документации.
Пример того, что сейчас писалось:
Все статьи попадают в "Оглавление канала". Не пропускаем новости!
