#5 - Теги для роботи з текстом

#5 - Теги для роботи з текстом

В HTML є безліч тегів і кожен із них відповідає за свої певні дії. Для роботи з текстом існує також багато тегів, які ми вивчимо під час цього уроку.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Текст без додаткових стилів: виділень та іншого, виглядає нудно і не так цікаво. Зробити текст яскравішим та кращим для сприйняття можна за рахунок додавання до нього спеціальних HTML тегів. 


Заголовки

У HTML можна створювати заголовки за рахунок тегів h1-h6. Вони дозволяють створити заголовки різних розмірів.

<h4>Заголовок</h4>


Тег абзацу

Основним тегом для розділення тексту є тег абзацу - <p>. У нього можна помістити будь-яку кількість тексту і все буде виділено у форматі абзацу з відступами. Приклад:

<p>Простий абзац</p>


Форматування тексту

Додатково в HTML можна робити текст різноманітнішим за допомогою спеціальних тегів. Ви можете виділити текст жирним за допомогою тега <b> або зробити його курсивом за допомогою тега <em>.

Вихідний код

Весь код буде доступний після підписки на проект!

Онлайн редактор коду

Завантаження...

Завдання до уроку

Заголовок та текст

Створіть розмітку HTML для відображення тексту як на фото:


Подивитися відповідь
Рішення завдання:
<h3>Биография</h3>
<p>Имя - <em>Джон Сноу</em>, дата рождения - <b>23 декабря 1985</b></p>
Виведення тексту

Створіть розмітку HTML для відображення тексту як на фото:


Подивитися відповідь
Рішення завдання:
<pre>Все 
пробелы
сохранились здесь</pre>

Отримати інші домашні завдання можна після підписки на проект

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Изучение ASP.NET Core MVC. Создание сайтов на C#
Вёрстка адаптивного сайта на Bootstrap 4
Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Сучасна верстка адаптивного веб-сайту
Изучение препроцессора SASS / SCSS
Верстка сайту на HTML5 та CSS3
8 уроків
Коментарі
Додати коментар

Поки що коментарів немає