Привет.Сегодня рассмотрим особенности текста,чтобы потом работать с текстом.
Начнем с особенностей текста.
Первая особенность это игнорирование большого кол-ва пробелов,т.е. на странице вместо 1000 пробелов будет отображться только 1 пробел.
Пример
HTML:
Код:
Взлом Жопы активирован!
Результат:
Так же,мы можем сделать так,чтобы большое кол-во пробелов не игнорировались.
Делается это с помощью элемента
Пример:
HTML:
Код:
Взлом Жопы произошел успешно !
Результат:
Переносы
Браузер часто переносит текст в тех местах где есть дефим или пробел.
Чтобы указать браузеру после какого слова(пример) переносить текст используем или элемент .А если мы хотим,чтобы в определенных местах браузер не делал пернносы,используем .
Спецальные символы.
Знак ,,меньше"<Знак ,,больше">Двойная кавычка&qout;Амперсанд&
[TBODY]
[/TBODY]Как мы видим,перед специальными символами ставится амперсанд(&) и заканчиваются точкой запятой(
Эти спец-символы позволяют вводить html код на веб-страницу.Пример:
HTML:
Код:
Угловые скобки
<
meta charset=
"
utf-8
"
>
Результаты всех частей с кодом можно увидеть
тут
Работа с текстом.
И так начнем .
Абзацы.
Абзац -один из самых главных частей работы с текстом.Абзацы добавляются с помощью тэга (от слова paragraph) Пример:
HTML:
Код:
Первый абзац
Второй абзац
Таким образом можно сделать очень много абзацов.
Пример:
HTML:
Код:
Абзацы
В одних садах цветёт миндаль, в других метёт метель.
В одних краях ещё февраль, в других — уже апрель.
Проходит время, вечный счёт: год за год, век за век...
Во всём — его неспешный ход, его кромешный бег.
В году на радость и печаль по двадцать пять недель.
Мне двадцать пять недель февраль, и двадцать пять — апрель.
По двадцать пять недель в туман уходит счёт векам.
Летит мой звонкий балаган куда-то к облакам.
М. Щербаков
Если мы всунем этот код в браузер,то увидем ,что между абзацами есть пустые места,чтобы их не было,ставим тэг
в конце,где будет перенос .
Пример:
HTML:
Код:
Переносы в тексте
В одних садах цветёт миндаль, в других метёт метель.
В одних краях ещё февраль, в других — уже апрель.
Проходит время, вечный счёт: год за год, век за век...
Во всём — его неспешный ход, его кромешный бег.
В году на радость и печаль по двадцать пять недель.
Мне двадцать пять недель февраль, и двадцать пять — апрель.
По двадцать пять недель в туман уходит счёт векам.
Летит мой звонкий балаган куда-то к облакам.
М. Щербаков
Выделение текста.
Выделение текста в html существует для того,чтобы привлечь внимание на определённые детали и подробности.
Ввделение текста осуществляется с помощью данных элементов:
, , , , .
Начнем с элемента .
Данный элемент используется для того,чтобы привлечь внимание к важным деталям текста.Пример с применением элемента
HTML:
Код:
strong
Уравнение возмущенного движения
влияет
на составляющие гироскопического момента
больше
,
чем жидкий экваториальный момент.
Результат:
https://ibb.co/3Tkjc9w
Элемент
Данный элемент используется длятого,чтобы показать тот часть текста,который имеет особое значение .
Пример с применением элемента :
HTML:
Код:
em
Уравнение возмущенного движения
влияет
на составляющие
гироскопического момента
больше
, чем жидкий
экваториальный момент
.
Результат:
https://ibb.co/RpLbmxH
Элемент
Данный элемент нужен для того,чтобы выделить ссылки,важные слова,слова для поисковиков.
Пример:
HTML:
Код:
mark
Если вы не желаете создавать свой интерфейс,
то можете сказать браузеру вывести встроенные
элементы управления. Для этого просто включите
атрибут
controls
в тег
<
video
>
.
<
video src="ex.mp4" width="320" height="240"
controls
>
<
/video
>
Результат:
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
Всем спасибо,что заглянули сюда.