00:00
данном уроке мы с вами познакомимся с
00:01
различными тегами для текста при
00:05
безусловном нас практически любая
00:06
страница сдают из множества множество
00:08
текстов и нужно эти тексты которые сами
00:12
со страницы правильной в правильные теги
00:14
обернуть давайте мы с вами сотрем тут
00:18
лишние заголовки оставим только
00:19
заголовок h1 и начнем мы с первого тега
00:23
для текста который называется у нас п
00:26
все теги которые сами будем все не
00:28
используя не все являются парными сразу
00:30
могу сказать вот expenses он тоже парный
00:33
внутри тега пион мы можем стать некий
00:35
queen текст допустим наш первый текст
00:40
внутри абзаца как-нибудь так обновляем
00:45
страницу от нас он появился фактически у
00:47
нас т.п.
00:48
является абзацам ну или как его называют
00:51
когда параграфом потому собственно так и
00:53
называется т.п. порога секс на
00:58
параграфов мир будет более удобно бы
01:01
говорить абзацев я так далее буду
01:02
говорить может быть много то есть
01:06
например у нас есть контекст большой у
01:07
него может быть много много абзацев
01:11
отдавать сами например мы откроем вот
01:18
например вы не сами текст от нас раз
01:21
абзац вот у нас два абзаца 3 абзаца 4 и
01:24
так далее я думаю вы поняли вот это вот
01:26
и есть абзаце то же самое тут мы с вами
01:29
просто разбиваем текст на смысловые
01:30
блоки как как в обычной книги вот нас
01:34
первый абзац вот второй абзац
01:36
тут важно понимать у нас т.п.
01:39
он же обзор он является блочным
01:41
элементом вообще говоря есть строчная
01:44
элемента есть блоки нет это сами
01:46
советскими рассматривать только лишь
01:48
блочный но скажу h1 является блочным так
01:51
и т.п. у нас тоже является блочным
01:54
элементов о такой блок блок можно
01:55
рассматривать какой-то конкретный
01:57
прямоугольник вот у например наш текст
02:03
так скачала вот наш текст это вот нас
02:06
один такой прямоугольник а потом
02:09
следующий текст это тоже определенный
02:11
прямоугольнику от нас 1 п от 2 п то есть
02:16
это означает то что у нас когда у нас
02:18
закроется т.п.
02:19
будет автоматический переход но как бы
02:21
на новую строку то считайте что все блок
02:23
закрылся все мы не можем в этот блок
02:27
добавить что-то еще за пределами
02:30
закрывающего тега то есть если мы
02:31
например хочу повернуть добавив еще
02:33
текст мы должны именно вот туда
02:36
закрываешь тгп всегда написать это
02:38
именно блочный лед который у нас
02:40
автоматически будет создавать переход на
02:43
новую строку по закрытию тега это
02:45
блочный строчными часа мемфис
02:47
знакомиться строчными элементами они
02:50
никого перехода новый строку не создают
02:52
и они подразумевают что они просто текст
02:55
внутри того же блока абзаца как бы
02:58
как-то обрамляют как как-то выделять
03:02
определенным образом и по смыслом да там
03:07
например т я м так и — как раз отвечает
03:16
за выделение
03:18
так определенно у кого-то слова
03:20
какого-то набора слов на который стоит
03:22
обратить внимание как то вот именно
03:24
выделить браузеры обычно отображает виде
03:27
курсива вот ну конечно же когда вы с
03:30
вами будем изучать css мы с вами
03:32
научимся любой совершенно стиль будь то
03:35
курсив там можем убрать курсив можно
03:37
поставить там жирное начертание короче
03:39
мы сможем сделать все что угодно но
03:41
просто по умолчанию браузеры
03:43
через ткём просто-напросто делать самый
03:45
обычный курсив это такое
03:49
смысловое выражение определенной части
03:51
текста примет нас является уже строчным
03:55
то есть он не является блоком это не вот
03:57
это не блог это прям внутри вот отдельно
04:02
облачка
04:03
пьется на самый обычный строчный элемент
04:05
то есть это у нас именно уже не блок
04:07
если бы это был бы блок то тогда бы
04:10
тогда бы у нас этот уже мог бы там
04:12
скачать вниз куда-нибудь на в закон
04:14
строчный вас поэтому ничего и не сказать
04:17
нас это именно строчный элемент т.п.
04:22
есть также у нас так strong
04:27
вообще говоря многие их путают и на
04:30
самом деле никто до путь они знать какая
04:33
все определенная принципиальная разница
04:34
между е м и стронга слон они выглядят
04:37
по-разному тут нас курсивом это у нас
04:39
идет
04:40
жили начертание по умолчание такой
04:42
внешний вид у тебя строк стек срок у нас
04:45
также является строчным элементом не
04:47
блочным вот но по крайней мере я так
04:51
понял что strong это такой тег который
04:53
образовать какой-то и ярко и вот на что
04:55
стоит прямо все
04:57
учитывать очень-очень вадька это важные
04:59
вещи если явно спроса акцентирует
05:01
внимание the strong и так что такое
05:04
очень важное например давайте напишем
05:11
при выходе из дома выключайте 7 все
05:16
электроприборы так вот у нас strong он
05:22
тут будет вот это вот прям
05:25
это очень-очень важно это такое
05:27
важнейшие то есть при выходе из дома не
05:29
так важно а вот выключаете все
05:31
электроприборы вот это вот как раз это и
05:34
есть текст strong время что такое прям
05:37
очень очень важный акцентирует внимание
05:38
вот не забудь это просто обратите
05:41
внимание на это на всякий случай а и
05:43
такой более более такой жесткий вариант
05:47
также есть целая пачка элементов д б
05:55
который принято вообще выделять
06:00
ключевые слова на странице например тут
06:04
конечно не стоит внутри заголовка внутри
06:06
это абзаце конечно же я добавлю нашей
06:14
веб-странице вот например раз видеть
06:16
есть ключевое слово web-страницы давайте
06:18
мы сами веб-страницу выделим тегом б от
06:22
английского слова болт жирное начертание
06:26
вот мы и выделили таким образ выделяются
06:29
именно ключевые слова нужно ли поисковых
06:32
систем всегда это используете учитывайте
06:34
и ключевые слова старатель своей
06:37
странице выделять также у нас есть тег
06:43
ой я его использую для
06:46
как какого-нибудь куска текста где
06:51
содержат липкой цитата либо на примерах
06:53
30 бы нас путь к что другое но раньше
06:56
примеры держаться время это использовал
06:57
т.к. и курсив и телек вот либо например
07:02
я часто использую для прямой речи плюс
07:06
ну например мои ученики спрашивают как
07:14
создать сайт вот такой текст и вот эта
07:18
тут кусок прямую речь я всегда стараюсь
07:22
уделять digma это именно и t-rex это как
07:25
некое какая-то вот речь ну врач это была
07:29
цитата часто просто уже я использую
07:34
только лишь для прямой речи
07:36
то есть как будто вот это пример вы все
07:39
говорите вы как автор а вот это уже не
07:41
ваши слова и усадить как-то это выделить
07:43
и вот с точки зрения стандартов html
07:46
правильно вот этот вот выделение будет
07:48
сделать в теге ой вот тогда ваш коммент
07:52
будет наиболее грамотным ты мой документ
07:56
также есть еще у нас
08:02
подчеркнутый текст давайте мы опять же
08:06
это все строчный элемент нас идут
08:08
обозначается ты гамму от английского
08:10
слова underline
08:11
вот так выглядит не рекомендую вам его
08:15
используют а может многие люди путают
08:16
его с ссылками
08:17
поэтому как бы не очень-то все это
08:20
выглядит поэтому я на самом деле даже не
08:21
используют но тем не менее встречаются
08:23
иногда нужно значит такой те кто уже
08:26
существует обязательно нужно знать также
08:30
есть тег с от слова strike защелкивание
08:36
по сути ну например 5000 3000 рублей
08:48
текст зачеркнуть совет нас отвечает
08:52
именно за
08:54
зачеркнутый текст из тоже находится
08:55
внутри тега из нас будет зачёркнуто
09:02
также у нас еще имеется парочка тегов
09:06
который отвечает за степень и яндекс
09:09
например это нужно в математике ну
09:12
например давайте
09:18
а два равно пяти поздно брался именно
09:24
видеть индекс это двоечка
09:26
потому что мы двойку поместили внутрь
09:28
тега sap противоположность индексации
09:35
есть степень с точки зрения внешний вид
09:38
тут внизу там будет вверху он тоже
09:40
маленькими цифрами давайте вот так
09:42
напиши
09:42
а квадрат равно 5 вот пожалуйста у нас
09:45
отвечает за степень встречаются те ли ты
09:51
достаточно редко вот но математиком и
09:53
химиком эти теги обязательно потребуется
09:56
поэтому нужно их тоже обязательно знать
10:00
иногда также может решить тоже такой
10:02
необычный полезный т а б pbr отвечающий
10:09
за аббревиатуры то есть мы его выделяем
10:14
аббревиатуры язык гипертекстовой
10:19
разметки вот и еще у этого тега есть
10:26
атрибут тайтл которую можно указать
10:32
расшифровку это аббревиатура ты сука для
10:34
этого она используются то есть и мы
10:36
например не хотели бы ты хотел все это
10:38
при смогли бы это не писать это
10:39
смотрелось бы грамот вот это вот вот но
10:43
если муж хотим расшифровать то можем это
10:49
легко сделать вот мы тут написали в
10:51
tightly расшифровку этой аббревиатуры
10:53
обновляем страницу ведь у нас появился
10:55
первый так рамка такая видите внизу
10:58
вторых а если навести чуть задержать
11:01
курсора появится расшифровка из вот нас
11:03
html видите и расшифровывать
11:05
аббревиатуру то есть использовать на
11:07
редко ну на самом деле несколько раз это
11:10
видео было очень удобно не зашить
11:12
забрели а тура впервые увижу разные не
11:14
смотрю такой виде метро ставил мышка мне
11:16
раз расшифровали и было очень я был
11:18
очень приятно удивлен сразу посмотрел
11:20
что это за tex я раньше пример даже не
11:22
мы не слышал уже используется очень
11:24
редко ну а мы зато очень даже удобно
11:28
поэтому его советы взять на вооружение
11:33
также есть такой т который очень часто
11:36
встречается он очень важный но и особой
11:38
стоит том что если его просто написать у
11:42
нас не изменится счетом ничего ведь и
11:44
могут выделили гипертекстовой мечел с не
11:46
поменяюсь как раз и есть такой без
11:48
стилевой строчная элементы просто именно
11:51
какой-то элементы выделить которые потом
11:53
каким-то или либо образом приукрасить
11:55
уже именно в css то есть в html тот
12:00
элемент
12:00
не как общение отображается не курсе вы
12:03
мне жирным представите мы все три
12:05
которые мы использовали не как-то вот
12:06
а тут отображаются в html и даже без
12:09
всякого css а какой-то вид они уже
12:12
приобретать автоматически так вот spend
12:14
всегда в любом браузере
12:15
никак вообще не отображается то есть как
12:18
будто бы его и нет но на самом деле его
12:21
очень часто используют именно для того
12:23
чтобы у нас html ничто с этим словом в
12:27
данном случае не делал вот но мы в css и
12:31
сделала например его красным там или
12:33
сделаны вас рамкой какой-нибудь там или
12:36
еще чем-нибудь или коль фон сделаем под
12:39
этим допустим желтым фоном и так это
12:41
выделено то есть но что то мы стали с
12:43
ним потом сможем уже сделать в css а вот
12:46
именно в html
12:47
expand никак не отрабатывается используя
12:51
часто его нужно знать дать вам еще
12:55
рассмотрим парочку тегов
12:57
кот это идет уже именно как был очень
13:01
или по сути это уже как абзац но только
13:04
это у нас именно для программирования ну
13:08
например
13:09
x равно 5y равно 7 вот традиционно любой
13:16
программный код нужно вводить именно в
13:19
этом вот теги
13:20
это нужно знать и понимать также забыл
13:26
сказать а в одном очень важном теги
13:28
это переход на новую строку допустим у
13:30
нас есть кормить абзац и мы хотим внутри
13:33
этого абзаца сделать переход на новую
13:35
строку для этого есть одиночный
13:38
одиночный тех берут и ct который у нас
13:40
тут является одинокий остальные дни
13:42
котором сне рассматривали были у нас
13:43
парные
13:45
все все все парные теги фбр на стек
13:48
одиночных вот он открылся и тут же
13:51
закрылся то есть одиночный т
13:54
выведи нас после второго абзаца веке
13:57
произошел переход на новую строку
13:59
вот таким образом можно разбивать текст
14:02
настройки
14:03
используется но скажу так раньше вообще
14:05
очень часто сейчас можно использовать на
14:07
редко автобусов при нем это из-за bus я
14:10
например уже как бы используя но уже не
14:13
так часто как раз сейчас уже например
14:14
через сеть и отступы они делаются через
14:16
css
14:17
а что касается вот такого отображения да
14:20
когда у нас внутри тгп идет br ну это
14:23
вообще редкое явление потому что т.п.
14:28
подразумевает что если вы хотите перейти
14:29
новую строку создавайте новый абзац
14:33
поэтому это т.к. логичная примеру такой
14:37
использую вот после не время
14:38
исключительно внутри тега code того
14:41
чтобы например так трасса перейти вот то
14:44
то его можно использовать либо его можно
14:46
использовать например опять я не
14:48
рекомендую так делать потому что 5 все
14:50
ост задаются через css
14:51
но мы можем например после индекса после
14:54
квадратов и между аббревиатуры сделать
14:58
дополнительный отступ и можем их делать
15:00
сколько угодно я поставлю курсор на
15:03
строку и дублирую ее через control-d и
15:05
вот можно сколько угодно отступов
15:07
понаделать так говорю еще раз говорю
15:10
очень безграмотно подожжет сотрут факт
15:12
голову не пудрить но чтоб вы знали что
15:14
такое есть и на самом деле так важный
15:17
вот в таких вот она активно используется
15:19
и наконец так при ты точно такой тоже
15:27
так часто используется но очень полезный
15:29
вот смотрите например давайте я вот вам
15:32
приведу пример вот у нас есть т.п.
15:34
абзац давайте тут напишу я сделаю три
15:39
пробела б
15:41
обратите внимание что у нас почему то
15:44
выводится только лишь один пробел видите
15:47
то есть нас не три пробела вывелось а
15:49
только лишь один то есть у нас html так
15:54
устроен что он в браузерах отображается
15:58
без лишних пробелов если вы напишете это
16:00
лишнее пробел быть например целой кучей
16:02
пробел востоку только лишь один
16:04
отобразить его труд про бельчик один
16:05
отобразился
16:06
то есть он все лишние пробелы
16:08
дублирующихся он их просто напросто
16:10
стирает на самом деле это все можно
16:16
конечно же обойти
16:17
если использовать сущности которых мы
16:19
сами еще поговорим в будущих уроках
16:21
вот но тень иметь для того чтобы пробил
16:24
в тени стирались у нас для этого есть
16:26
тэг при которой примут выводит роз
16:29
только пробился кого тут напишите то
16:30
есть он их не как тут не стирает вот в
16:36
этом плане достаточно удобно и более
16:37
того кинь переход увидите он тоже все
16:40
учитывают все переходы тоже подберете
16:43
контекст пример из книги например
16:46
скопируйте заставляете даже не разбивая
16:50
на абзацы просто вот делаешь с этим
16:52
перехода 7 и вас они тут все будут
16:55
отображены то есть все все все эти вот
16:58
табуляции различны все видите нас тут
17:00
появляется поэтому так ну такое полезно
17:05
хотя конечно еще раз говорю мы с вами
17:07
когда будем знакомиться с существами то
17:09
увидите что как такие вещи можно делать
17:11
без этого тега хотя безусловно об этом
17:17
теге вы должны тоже обязательно знать на
17:20
этом это все что касается тегов для
17:22
текстом и конечно далеко не все
17:23
рассмотрели сразу могу сказать но
17:27
определены такие вот важнейшие теги
17:30
важнейшие подчеркивать мы сами развитие
17:32
лечили потому что счас я буду вам еще
17:34
рассказ другими теги
17:36
то вы просто напросто запутаетесь и они
17:39
не запомните где какой так используется
17:43
поэтому пока голову вам лишней
17:45
информации забивать не будут переварите
17:47
покатушки вам уже а мы потом по процессе
17:50
будем знакомиться с еще новыми тегами
17:52
на этом все спасибо вам за внимание