Статьи - картинки и оформление в HTML

Для оформления статей понадобятся картинки с коммерческой лицензией. Их можно взять:
- в гугл.картинках - вводите слово в "Поиск", нажимаете "Картинки", в появившемся окне вверху находите "Инструменты", там выбирате "С лицензией на использование и изменение";
- на сайте https://pxhere.com/ru/ много качественных изображений, которые можно скачать бесплатно - нужно только зарегистрироваться;
- здесь можно найти 70 ресурсов с бесплатными фотографиями: https://www.adme.ru/tvorchestvo-fotografy/70-luchshih-resursov-s-besplatnymi-fotografiyami-975760/

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

Коды HTML
Важно: на данном форуме коды HTML используются с квадратными скобками: [. На нашем сайте tas-inform.ru коды нужны с треугольными скобками: <. Поэтому в образце текст указан с треугольными скобками, как при работе с сайтом. Для использования их в форуме нужны квадратные скобки.

Для оформления любой статьи или поста в блоге в интернете используется язык HTML. Например, чтобы сделать текст жирным, нужно написать:

Код:

<b>Ваш жирный текст</b>

Результат: Ваш жирный текст

Открывающий тег < b > ставится в начале текста, который нужно выделить. Закрывающий тег < /b > ставится в конце текста, который нужно выделить. Каждый открытый тег обязательно нужно закрыть.

Чтобы сделать текст курсивом:

Код:

<i>Ваш наклоненный текст</i>

Результат: Ваш наклоненный текст

Чтобы сделать текст подчеркнутым:

Код:

<u>Ваш подчеркнутый текст</u>

Результат: Ваш подчеркнутый текст

Чтобы вставить ссылку:

Код:

<url=адрес сайта>адрес сайта</url>

Пример:

Код:

<url=http://tas-inform.ru/>http://tas-inform.ru/</url>

Результат:
http://tas-inform.ru/

Чтобы вставить ссылку с вашим описанием:

Код:

<url=адрес сайта>ваш текст</url>

Пример:

Код:

<url=http://tas-inform.ru/>Сайт "TAS-Inform"</url>

Результат:
Сайт "TAS-Inform"

Чтобы ссылка открывалась в новом окне, нужно добавить атрибут target="_blank":

Код:

<a href="адрес сайта" target="_blank">ваш текст</a>

Пример:

Код:

<a href="http://tas-inform.ru/" target="_blank">Сайт "TAS-Inform"</a>

Результат:
Сайт "TAS-Inform"


Чтобы вставить в текст картинку, ее нужно будет загрузить в файлохранилище на основном сайте. После загрузки ее можно будет вставить так:

Код:

<img>адрес картинки в интернете</img>

Пример:

Код:

<img>http://tas-inform.ru/wp-content/uploads/2019/01/Лого2-200.jpg</img>

Результат:


Чтобы сделать картинку ссылкой, ведущей на другую страницу, понадобится код:

Код:

<url=адрес сайта><img>адрес картинки</img></url>

Пример:

Код:

<url=http://tas-inform.ru/><img>http://tas-inform.ru/wp-content/uploads/2019/01/Лого2-200.jpg</img></url>

Результат:

Шикарная статья про то, как подбирать картинки к статьям: http://maximilyahov.ru/blog/all/image-shit/