Download "5. Форматирование текста html, применение спецсимволов, кодировки цветов."

"videoThumbnail 5. Форматирование текста html, применение спецсимволов, кодировки цветов.

Начальный курс SQL.Пересечение множеств строк INTERSECT, INTERSECT ALL

Начальный курс SQL.Пересечение множеств строк INTERSECT, INTERSECT ALL

Channel: Igor Vovchenko

Начальный курс SQL.Обзор функций и операторов

Начальный курс SQL.Обзор функций и операторов

Channel: Igor Vovchenko

#1 HTML & CSS С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | Скелет документа

#1 HTML & CSS С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | Скелет документа

Channel: EduCatter — Канал о Веб-Программировании

Все о работе проекта Social Lift за 30 минут. Как начать много зарабатывать? Ответ в этом видео

Все о работе проекта Social Lift за 30 минут. Как начать много зарабатывать? Ответ в этом видео

Channel: Ostap Bondarenko

Основы Программирования - #10 - События

Основы Программирования - #10 - События

Channel: loftblog

Создание сайта на Битрикс - #22 - Как пользоваться JS библиотекой Битрикс BX

Создание сайта на Битрикс - #22 - Как пользоваться JS библиотекой Битрикс BX

Channel: loftblog

КАК ЗАРАБОТАТЬ на разработке сайтов новичку | Заработок в интернете, удаленная работа.

КАК ЗАРАБОТАТЬ на разработке сайтов новичку | Заработок в интернете, удаленная работа.

Channel: Макс Куратов

Обзор нового Яндекс.Вебмастера. Как пользоваться сервисом Яндекса.

Обзор нового Яндекс.Вебмастера. Как пользоваться сервисом Яндекса.

Channel: loftblog

#6 HTML & CSS С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | Внешний отступ - Margin

#6 HTML & CSS С НУЛЯ ДЛЯ НАЧИНАЮЩИХ | Внешний отступ - Margin

Channel: EduCatter — Канал о Веб-Программировании

#6 Верстка сайта с нуля по шаблону | Сайт полиграфии - Самый сложный блок

#6 Верстка сайта с нуля по шаблону | Сайт полиграфии - Самый сложный блок

Channel: EduCatter — Канал о Веб-Программировании

Как изменить текст html

как изменить цвет текста

как изменить размер текста

как изменить шрифт

заголовки html

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

форматирование текста

как сделать сайт

урок шрифты

00:00:00

[music] I

00:00:05

welcome you to the channel on how to make a

00:00:07

website,

00:00:17

I hope you have decided on a

00:00:18

code editor, if not, look at the previous lesson.

00:00:22

We are starting to delve into the html code

00:00:25

and without a good editor it will be difficult.

00:00:29

Usually the main content of the site, this text

00:00:32

is important to know how to make the text

00:00:35

readable and attractive in this In this

00:00:37

lesson we will look at tags with

00:00:39

which you can format text, you

00:00:41

shouldn’t remember all the tags, but it is important

00:00:44

to know that they exist, you need to be able to

00:00:46

apply some tags, not only do they

00:00:49

display the text visually differently, but such tags

00:00:52

give a logical meaning to the text that

00:00:54

is important for search engines or when

00:00:56

using special browsers let's create a

00:01:04

new document for this, use

00:01:08

ready-made templates with minimal

00:01:10

html markup, let's start looking at

00:01:14

how to format text in practice, let's start with

00:01:18

heading tags, these tags will

00:01:21

not only make the text larger, but will also

00:01:23

tell the search engine what the

00:01:25

text is about, using these tags, a

00:01:27

hierarchy on the page will be organized, I

00:01:30

'll give a simple example, we enclosed

00:01:34

lines with text between the tags

00:01:36

h1 h2 h3 h4 hp and h6,

00:01:40

these tags, as was said, build a

00:01:43

hierarchy on the page. The number with the letter h

00:01:47

is the header level, that is, the lower

00:01:50

the number, the higher the header level,

00:01:53

let's see how the code is displayed in the browser,

00:01:55

save it,

00:01:58

we see that the higher the heading level,

00:02:01

the larger the text is displayed;

00:02:04

however, headings determine not only the

00:02:07

visual display of the text, but also the

00:02:09

logical significance of the text for

00:02:12

search engines, or for some

00:02:14

browsers it is important to remember that you should not

00:02:17

jump between heading levels

00:02:19

and heading levels must go in

00:02:21

order and you cannot nest in between the

00:02:24

title tags, other tags,

00:02:26

be sure to use these tags

00:02:28

and do not neglect them in order to

00:02:33

make the text bold, as you already know,

00:02:37

b tags are used, however, these tags will only give visual

00:02:42

changes to the text,

00:02:43

if you want to highlight the text and

00:02:46

show its significance, for example, for the

00:02:48

same search engines, conclude it is in the strong tag,

00:02:52

let's see how

00:02:54

this code behaves, we see that the text

00:03:00

enclosed between the tags in the everyday range of

00:03:02

strong does not differ from each other,

00:03:04

however, those enclosed between the

00:03:07

strong tags have logical significance also

00:03:11

with the oh tags that are done with italic

00:03:14

if you need to show the significance of

00:03:17

the text then you need to enclose it in

00:03:20

tags and let's see the result of executing

00:03:25

this code. As you can see, the text is no

00:03:30

different. In order to cross out

00:03:33

the text, use div tags, they also

00:03:37

carry a semantic load.

00:03:40

You can also see the result of this code,

00:03:43

you may encounter the fact that you

00:03:47

will need to underline the text, just

00:03:50

conclude everything between the tags ins

00:03:54

let's see how this code will be executed we

00:03:58

see the underlined text tags

00:04:01

subs esab will make the text subscript or

00:04:05

above lowercase I'll give examples I wrote

00:04:10

this interesting code let's see what

00:04:13

comes out of this the result of this

00:04:17

code you can also see in the

00:04:19

top window of the program we see that

00:04:22

the text enclosed between the tags has become either

00:04:24

subscript or above the lowercase, sometimes

00:04:28

you need to slightly reduce or

00:04:30

enlarge the text relative to the entire

00:04:32

paragraph,

00:04:33

here use the small or big tags,

00:04:38

for example, this code will check its

00:04:41

functionality,

00:04:43

everything worked out, some of the text has become smaller

00:04:47

and some has become larger than the

00:04:49

original text, perhaps the most

00:04:54

interesting tag will be so fund simply

00:04:58

applying this tag to the text will

00:04:59

not give results since this is a

00:05:02

container of characteristics of the font color of the

00:05:04

typeface

00:05:05

and it needs to be used in conjunction

00:05:08

with the attributes for this tag can be

00:05:11

applied accordingly 3 attributes

00:05:13

color face and says for an example about we write

00:05:19

the code at the beginning we write the text in a regular

00:05:23

font without application of tags in

00:05:25

order to be able to compare with it in the

00:05:27

text using tags, now let's

00:05:34

write the fund

00:05:43

between these tags, enclose the text,

00:05:48

for example, green in green,

00:05:52

let's try to color this text, for

00:05:55

this we'll write the color attribute with the

00:06:00

value green green, let's see what

00:06:07

comes out of it like we did we see the text is

00:06:12

really colored green,

00:06:15

then let’s try to use

00:06:17

from [ __ ] says, for this we will copy the

00:06:23

existing tags and write the required

00:06:27

attribute, the connection attribute, taking

00:06:33

values from 1 to 7, for example we will write

00:06:36

5 and write some text, let’s see

00:06:43

the result of this code, we see

00:06:46

that the text became more I propose to

00:06:50

look at how two attributes will work

00:06:51

together, for this

00:06:54

we will write the cola attribute, but this time we will

00:06:57

simply write the color in hexadecimal for

00:07:01

this, we will write a grid icon and a code for

00:07:06

some light, for example, a

00:07:09

red color encoding,

00:07:13

together with this attribute we will write the

00:07:15

size attribute

00:07:20

with with a value of 5 for clarity, let's

00:07:26

start this text, but write some text on a new line,

00:07:39

okay, the cat is ready, let's look at its execution,

00:07:44

the text has become red and large, that is,

00:07:48

both attributes worked with their

00:07:50

values, we still have one more

00:07:53

attribute, the face attribute, let's use it

00:08:01

for clarity, I suggest using

00:08:25

let's set all three attributes to blue color coding

00:08:33

and make the text even larger with the

00:08:36

value site-6,

00:08:38

write some text and

00:08:49

see what we got,

00:08:52

we see that the text has become even more

00:08:55

blue and its style

00:08:58

has become a little different because we

00:09:00

applied to he comic sans font

00:09:03

there with as you see the color attribute can

00:09:07

take a value from the color as a

00:09:08

hexadecimal system so its

00:09:10

forgiven face color entries are accepted

00:09:14

correctly and the name of the font

00:09:15

be careful with this value

00:09:17

try to use common

00:09:19

fonts that are installed on the computer

00:09:21

by default if the user is

00:09:23

viewing it the page will not have the

00:09:26

specified font,

00:09:27

then he will see the text standard for

00:09:30

writing later we will learn to use

00:09:32

any fonts when we get to studying

00:09:35

css styles the

00:09:36

says attribute, as I already said, can

00:09:39

take values from 1 to 7,

00:09:41

respectively, the higher the values, the

00:09:44

more the text I think you liked

00:09:46

playing with the text but I have to disappoint you a little with

00:09:49

almost everything that we just

00:09:52

looked at, it’s better not to use it in

00:09:53

practice; it’s preferable to format

00:09:56

text using css styles; this will be

00:09:59

considered good form in the

00:10:01

web design environment and code using styles is

00:10:04

currently considered more valid;

00:10:06

however, if you don’t present large

00:10:09

requirements for your site, then

00:10:11

you can easily use html tags for formatting;

00:10:14

when we study css styles, we will very

00:10:18

rarely refer to the tags discussed in

00:10:21

this lesson. I would like to touch on

00:10:23

some more aspects of working with text.

00:10:25

As you already remember, there is a small

00:10:28

TBR that creates a gap line

00:10:32

there is another interesting TSR, this is

00:10:37

how to make a line break like you are a

00:10:38

governor, however, it will also add a

00:10:41

horizontal line. Let's look at an example,

00:10:45

write some text

00:10:58

and break it with the h&r tag exactly

00:11:02

in the middle, let's see the result of

00:11:06

executing this code, so you see the

00:11:10

text has been transferred and together a

00:11:13

horizontal line has appeared as a line break,

00:11:15

as we see, by default the line

00:11:18

is gray in color, it is thin and its width covers the

00:11:21

entire page,

00:11:23

these parameters can be adjusted

00:11:25

using the

00:11:26

attributes for this tag, let's try to

00:11:29

register the attribute on the ears,

00:11:35

these attributes do not accept any

00:11:38

parameters,

00:11:39

it only removes the effect of their

00:11:41

line dimension let's see the result of executing the

00:11:43

code as we see the line has become two-dimensional

00:11:48

let's write the attributes already known to us

00:11:51

says with the value 10 and the

00:11:59

color attribute with the value black black

00:12:08

let's see what happened as we see the

00:12:12

line has become thicker and acquired a

00:12:14

black color, respectively the attributes says

00:12:17

i care control the thickness of the line and and a color

00:12:21

less has a width of the entire page,

00:12:24

this parameter can also be adjusted,

00:12:26

for this there is a visa width attribute, let’s

00:12:31

set it with a value of 200 pixels,

00:12:36

let’s try

00:12:39

to replace the color with another one for clarity, set it in

00:12:42

hexadecimal encoding, for example, let’s

00:12:48

see what happened as we see

00:12:52

the line became in a different color, that is, the color

00:12:54

works the same way and the width has become 200

00:12:57

pixels, the line is located in the center,

00:13:01

this parameter can be adjusted and

00:13:03

aligns the line either to the left,

00:13:05

right, or center; the

00:13:08

line attribute is responsible for this; the align attribute

00:13:14

takes three values;

00:13:16

elevator to the left edge of the raipo about flour and

00:13:18

center in the center, well, by default the attribute

00:13:23

already takes the value in the center,

00:13:26

let's write the elevator, let's see the result of

00:13:30

the execution, the line has shifted to the left, that

00:13:35

is, it is aligned to the left,

00:13:37

we will encounter this attribute more than once when

00:13:40

using the map with different attributes and their

00:13:43

values you will give to your page

00:13:45

your own style, again, css styles

00:13:48

also allow you to create such a line,

00:13:51

but there are much more possibilities for

00:13:53

formatting it someday we will get to this

00:13:55

and the last thing I would like to

00:14:00

draw attention to in this lesson is

00:14:02

the use of special characters, most likely you

00:14:05

have noticed unusual icons on sites

00:14:07

for example a paragraph sign or a

00:14:10

trademark, how can we insert them onto our

00:14:13

page?

00:14:14

Now I’ll tell you everything, let’s look at an

00:14:17

example, write some text,

00:14:26

suppose the last word is what we want,

00:14:28

separate with a lot of spaces,

00:14:31

simple, we’ll see what happens with these spaces,

00:14:34

we see that nothing

00:14:38

happened and the space remains one thing

00:14:40

is that the browser ignores all the spaces and

00:14:43

leaves only one of them, how can we

00:14:46

be in such a situation for this

00:14:48

there is a current when this is

00:14:57

what happens if we enclose the text

00:14:59

in this it so happens that the last

00:15:03

words are separated by a large number of

00:15:05

spaces, that is, the browser outputs the text

00:15:07

as it is, we still see that

00:15:10

the text has changed a little, you have changed the style,

00:15:13

another way to carry out this

00:15:15

manipulation would be to insert special characters,

00:15:18

let's try to insert

00:15:20

special space characters, sleep the space character

00:15:23

looks like this, it

00:15:31

's just one space character, let's

00:15:34

make several of them

00:15:39

and see what happens, we see what's

00:15:43

really in there are a lot of spaces in the line,

00:15:45

let's go back to the

00:15:48

trademark and paragraph symbols,

00:15:50

to write them you will need to

00:15:52

use the appropriate codes,

00:15:55

let's write them down,

00:16:05

let's see what happened, we see the

00:16:07

paragraph icon and the trademark, it often

00:16:12

happens that it is easier to insert

00:16:14

special characters than to draw some kind of

00:16:16

image,

00:16:18

let's say we need to insert a heart then we’ll

00:16:22

just write the

00:16:30

hard heart code,

00:16:40

we’ll see that a heart symbol has appeared,

00:16:45

since special characters

00:16:46

are the same text, then we’ll apply the

00:16:48

text formatting attribute to our heart,

00:16:50

make our heart red and

00:16:53

larger, for this we’ll enclose a sleeping symbol in the

00:16:58

fund tag and

00:17:11

apply the color attributes to the fund tag to

00:17:15

change the color with the value red the red

00:17:21

attribute says to change its size

00:17:25

with the value everyone, let's see that

00:17:30

the heart turned out to be big red, that is, in

00:17:34

fact, we got as if a

00:17:35

graphic element

00:17:36

without drawing any drawings

00:17:39

of special characters, you can

00:17:43

easily find their codes on the Internet there

00:17:45

is no point in memorizing them on the screen you see the codes of

00:17:48

some special characters

00:17:55

in this lesson I have repeatedly

00:17:57

used hexadecimal

00:18:00

color encoding in order to find out the encoding of the

00:18:04

desired color you can use the

00:18:06

photoshop palettes built-in palettes of

00:18:08

code editors online

00:18:11

color generators for example in the html leader program

00:18:15

you can find the desired color in the palette

00:18:20

to do this, in the palette section you need to

00:18:23

select a specific color, we see that

00:18:26

the colors are divided into categories,

00:18:28

examples we need a shade of red, the

00:18:31

editor developers carefully made a

00:18:34

large number of colors, for example,

00:18:37

we select blood red, we immediately see

00:18:40

that the input has been added encoding this

00:18:43

color, and below we see how it will

00:18:45

look visually

00:18:47

In addition to these methods, you can also

00:18:50

use tables of safe

00:18:52

colors. For this, in the search engine you see

00:18:55

the phrase

00:18:57

table of safe colors

00:19:04

and you can click on the first tab.

00:19:11

You see in front of you a large number of

00:19:14

colors that can be used without the

00:19:16

risk that they will be displayed

00:19:18

incorrectly on different computers.

00:19:20

These colors have necessary encoding for the

00:19:24

hexadecimal system, well, we've covered a

00:19:31

huge topic dedicated to text in html,

00:19:35

I hope the information was useful, if

00:19:38

so, like and subscribe to the

00:19:40

channel

00:19:41

if you want to continue learning

00:19:42

how to create a website,

00:19:44

see you later

Description:

Текст можно форматировать при помощи тегов или атрибутов и их свойств, применённых к элементам html. В уроке рассмотрены такие теги и атрибуты. На сайте http://www.les4u.ru/ Вы сможете наглядно увидеть как это работает!

Preparing download options

Popular

HD video

Only sound

All

* — If the video is playing in a new tab, go to it, then right-click on the video and select "Save video as..."

** — Link intended for online playback in specialized players

Questions about downloading video

How can I download "5. Форматирование текста html, применение спецсимволов, кодировки цветов." video?

http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.

Which format of "5. Форматирование текста html, применение спецсимволов, кодировки цветов." video should I choose?

The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.

Why does my computer freeze when loading a "5. Форматирование текста html, применение спецсимволов, кодировки цветов." video?

The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.

How can I download "5. Форматирование текста html, применение спецсимволов, кодировки цветов." video to my phone?

You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.

How can I download an audio track (music) to MP3 "5. Форматирование текста html, применение спецсимволов, кодировки цветов."?

The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.

How can I save a frame from a video "5. Форматирование текста html, применение спецсимволов, кодировки цветов."?

This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.

What's the price of all this stuff?

It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.