ANTICHAT - HTML-Первые шаги.Работа с текстом.

Привет.Сегодня рассмотрим особенности текста,чтобы потом работать с текстом.

Начнем с особенностей текста.

Первая особенность это игнорирование большого кол-ва пробелов,т.е. на странице вместо 1000 пробелов будет отображться только 1 пробел.

Пример

HTML:

Код:



Взлом Жопы               активирован!

Результат:

Так же,мы можем сделать так,чтобы большое кол-во пробелов не игнорировались.

Делается это с помощью элемента

Пример:

HTML:

Код:



Взлом       Жопы              произошел успешно !

Результат:

Переносы

Браузер часто переносит текст в тех местах где есть дефим или пробел.

Чтобы указать браузеру после какого слова(пример) переносить текст используем или элемент .А если мы хотим,чтобы в определенных местах браузер не делал пернносы,используем   .

Спецальные символы.

Знак ,,меньше"<Знак ,,больше">Двойная кавычка&qout;Амперсанд&
[TBODY]
[/TBODY]Как мы видим,перед специальными символами ставится амперсанд(&) и заканчиваются точкой запятой(;)

Эти спец-символы позволяют вводить html код на веб-страницу.Пример:

HTML:

Код:



Угловые скобки



&lt;

meta charset=

&quot;

utf-8

&quot;

&gt;

Результаты всех частей с кодом можно увидеть тут

Работа с текстом.

И так начнем .

Абзацы.

Абзац -один из самых главных частей работы с текстом.Абзацы добавляются с помощью тэга (от слова paragraph) Пример:

HTML:

Код:



Первый абзац



Второй абзац

Таким образом можно сделать очень много абзацов.

Пример:

HTML:

Код:



Абзацы



В одних садах цветёт миндаль, в других метёт метель.



В одних краях ещё февраль, в других — уже апрель.



Проходит время, вечный счёт: год за год, век за век...



Во всём — его неспешный ход, его кромешный бег.



В году на радость и печаль по двадцать пять недель.



Мне двадцать пять недель февраль, и двадцать пять — апрель.



По двадцать пять недель в туман уходит счёт векам.



Летит мой звонкий балаган куда-то к облакам.



М. Щербаков

Если мы всунем этот код в браузер,то увидем ,что между абзацами есть пустые места,чтобы их не было,ставим тэг
в конце,где будет перенос .

Пример:

HTML:

Код:



Переносы в тексте



В одних садах цветёт миндаль, в других метёт метель.



В одних краях ещё февраль, в других — уже апрель.



Проходит время, вечный счёт: год за год, век за век...



Во всём — его неспешный ход, его кромешный бег.



В году на радость и печаль по двадцать пять недель.



Мне двадцать пять недель февраль, и двадцать пять — апрель.



По двадцать пять недель в туман уходит счёт векам.



Летит мой звонкий балаган куда-то к облакам.



М. Щербаков

Выделение текста.

Выделение текста в html существует для того,чтобы привлечь внимание на определённые детали и подробности.

Ввделение текста осуществляется с помощью данных элементов:

, , , , .

Начнем с элемента .

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

HTML:

Код:



strong



Уравнение возмущенного движения



влияет



на составляющие гироскопического момента



больше



,

   чем жидкий экваториальный момент.

Результат: https://ibb.co/3Tkjc9w

Элемент

Данный элемент используется длятого,чтобы показать тот часть текста,который имеет особое значение .

Пример с применением элемента :

HTML:

Код:



em



Уравнение возмущенного движения



влияет



на составляющие



гироскопического момента



больше



, чем жидкий



экваториальный момент



.

Результат:https://ibb.co/RpLbmxH

Элемент

Данный элемент нужен для того,чтобы выделить ссылки,важные слова,слова для поисковиков.

Пример:

HTML:

Код:



mark



Если вы не желаете создавать свой интерфейс,

  то можете сказать браузеру вывести встроенные

  элементы управления. Для этого просто включите

  атрибут



controls



в тег



&lt;

video

&gt;



.



&lt;

video src="ex.mp4" width="320" height="240"



controls



&gt;

&lt;

/video

&gt;

Результат:https://ibb.co/QFn8cTC

Элемент

Тупо для того,чтобы триггерить глаза,важность в счет не берётся.

Пример:

HTML:

Код:



b



Плазма вращает вихревой



эксимер



как

   при нагреве, так и при охлаждении.

Результат:https://ibb.co/PQyrPsH

Элемент

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

Пример:

HTML:

Код:



i



Акцентуация, как справедливо считает



Фридрих Энгельс



,

   противоречиво выбирает закон.

Результат:https://ibb.co/q9sK5nF

Заголовки

Заголовки создаются тэгом (N=1-6)

элемент создает заголовок,который самый большой по размеру . самый маленький размер заголовка.

Пример:

HTML:

Код:



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



Заголовок первого уровня



Заголовок второго уровня



Заголовок третьего уровня



Заголовок четвёртого уровня



Заголовок пятого уровня



Заголовок шестого уровня

Закинув в браузер,мы увидем это:

https://ibb.co/FhfJ1hT

Индексы.

Индексы создаются с помощью элементов и

Данный элемент записывает символы в верхний индекс. от слова SuperScript

Данный элемент записывает символы в

нижний индекс. от слова SubScript.

Примеры:

HTML:

Код:



Нижний индекс



Формула серной кислоты: H



2



SO



4

HTML:

Код:



Верхний индекс



ax



2



+ bx + c

Результат в браузере:

https://ibb.co/nRfMZ7y

https://ibb.co/Pms26Lz

Цитаты

Цитаты создаются с помощью элементов и .

Рассмотрим по отдельности.

Элемент .

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

Внутри можно использовать другие элементы.Пример:

HTML:

Код:



Цитата



Алиса в Стране Чудес.



– Зачем мне всякие безумные, полоумные да сдвинутые?

      – возмутилась Алиса. – Что я, ненормальная?



– Конечно! – воскликнул Кот. – Как и мы все.

      Иначе ты сюда бы не попала!



Льюис Кэрролл

Результат в браузере:https://ibb.co/n6gf9jD

Элемент .

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

Пример :

HTML:

Код:



Цитата



Как говорила Бабочкина Куколка

    из сказки «Алиса в Стране Чудес»:



Главное – не забывать главного



.

Результат:https://ibb.co/ZcFdMmL

Всем спасибо,что заглянули сюда.