"Achievement 4 by @aresteris Task : Applying Markdowns" /06.11.2021

in hive-172186 •  3 years ago 

Приветствую!


Сегодня я расскажу о разметке - продемонстрирую примеры того, как сделать текст хотя бы чуть более приятным для глаз, ведь сплошная стена текста, отсутствие заголовков и прочие мелочи могут испортить настроение как автору, так и читателям.

Ссылка


Выравнивание текста:

Я родился в стране и городе, которых больше нет - и многие мои земляки могут сказать о себе то же самое, ведь Советский Союз распался, а город Ленинград был переименован в Санкт-Петербург.

Делается это так: <div class="text-justify"> Я родился в стране и городе, которых больше нет - и многие мои земляки могут сказать о себе то же самое, ведь Советский Союз распался, а город Ленинград был переименован в Санкт-Петербург.<div">

Вот так можно поместить текст в центр:
<center> Текст </center>


  • А если поставить перед текстом "*",
  • то текст будет выглядеть так, как эти три строчки.
  • Так удобно делить текст на абзацы.

Заголовки.

Для их создания нужно добавить символ "#" в начале строки:

Заголовок 1

# Заголовок 1

Заголовок 2

## Заголовок 2

Заголовок 3

### Заголовок 3

Заголовок 4

#### Заголовок 4

Заголовок 5
##### Заголовок 5

Заголовок 6
###### Заголовок 6


Цитирование:

Очень важно правильно использовать цитаты - особенно при написании ответных сообщений. Перед цитатой нужно поставить символ ">".


Таблицы:

Заголовок Заголовок
Ячейка 0 Ячейка 1
Ячейка 2 Ячейка 3

Это пример простенькой таблички, созданной при помощи html, а вот использованный код:

<table>
<tr>
<th> Заголовок</th> <th> Заголовок </th>
<tr>
<td> Ячейка 0</td> <td> Ячейка 1</td>
</tr>
<tr>
<td> Ячейка 2 </td> <td> Ячейка 3</td>
</tr>
</table>


Ссылки:

В круглых скобках пишем отображаемый текст, в квадратных - саму ссылку:

[текст] (ссылка), пробела между быть не должно.

My achievement 1

My achievement 2

My achievement 3

Спасибо!

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!