background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Download "Сложные таблицы html"

input logo icon
Video tags
|

Video tags

Создание таблиц сложной структуры в HTML
Как сделать таблицу в HTML
сделать таблицу в HTML
таблица в HTML
уроки html
konstantin likhachev
html уроки
html таблицы
создать сайт
создание сайтов
создание сайта
создать сайт бесплатно
как создать свой сайт
конструктор сайтов
разработка сайтов
сайт визитка
дизайн сайта
сделать сайт
створите сайт бесплатно
бесплатные сайты
как сделать свой сайт
вебдизайн
вебсайт
курсы
обучение
константин лихачев
Subtitles
|

Subtitles

subtitles menu arrow
  • ruRussian
Download
00:00:02
Hello everyone This is a DIY
00:00:08
web page program on your
00:00:15
web pages to create a more complex
00:00:17
table structure I will use those
00:00:20
callan and Row span So let's start
00:00:22
creating a new folder and call it
00:00:24
website
00:00:28
7
00:00:35
then open notepad where we will
00:00:37
write our HTML code
00:00:39
So we write our initial code and, as
00:00:42
usual, start with the HTML tag
00:00:50
g closing
00:00:55
g
00:00:58
B
00:01:02
and closing
00:01:04
HTML we also write
00:01:15
a name, let's call it The Table So then
00:01:18
we move on to writing tags to create the
00:01:20
table So we write Table then we write a tag
00:01:26
this tag is responsible for the number of rows in the
00:01:28
table and close our g then we write
00:01:30
the tag TD And this tag is responsible for the number of
00:01:33
columns in the table and close it and
00:01:35
then close our Table So let's
00:01:38
move on to the Call span tags, I'll show you how to
00:01:41
use them first Let's
00:01:46
update the border around our column and
00:01:50
color So we
00:01:52
created the width of the border and also removed the
00:01:56
gap between the tables and highlighted
00:01:59
our table in black next Let's
00:02:01
call our line this will be our
00:02:04
site header, that is, a banner sign on
00:02:07
which we will place advertising next
00:02:09
Let's choose a color for our line So Let
00:02:12
it be white next
00:02:14
Let's write the second line for this
00:02:17
I will just copy the previous one and change the
00:02:19
parameters here we will change the color and
00:02:21
write it blue and also change
00:02:24
the name of our column So we changed
00:02:27
the name now this is our menu next
00:02:29
let's make another column I'll
00:02:31
copy our tte So we copied
00:02:34
another column and Let's call it con
00:02:37
we changed the name of this column we
00:02:40
will create a new row and change
00:02:42
its name to red also we will delete one
00:02:45
of the columns and change the name of the column
00:02:47
So we changed the name of this column
00:02:50
now it is called not site So
00:02:52
let's use tags copan
00:02:54
tags So Let's
00:02:57
save our
00:02:59
what came out of this at the moment,
00:03:01
what do we have? First of all, we'll fix it.
00:03:04
Here's one mistake: title,
00:03:06
put ssh next. Let's save the file
00:03:09
Save As, write the name Table, then
00:03:14
HTML, select All
00:03:17
Files
00:03:20
Unicode and save it in our folder
00:03:23
that we have already created, website
00:03:28
7, open So we see here what
00:03:32
we have at the moment, we have a column
00:03:35
with different colors, it’s not very clear how it’s
00:03:37
organized, so let’s
00:03:39
use the callan Tag to go back to the
00:03:43
html document, let’s say we want
00:03:45
our sign to be on two columns, that is,
00:03:48
here’s the header so that it’s located on the
00:03:51
second column too so that it is united
00:03:53
for this Let's write Tag it will be
00:03:57
with us T tags we write con equals in
00:04:02
quotes we write a two Why do we
00:04:04
write a two because look we have two
00:04:07
columns Therefore we need to write
00:04:10
a two how would we expand our header into
00:04:12
two columns because the First column and the
00:04:15
second column, so we write a two
00:04:17
to expand this So let's
00:04:19
see how it works out, let's
00:04:22
save the fa again and Let's see what happened
00:04:26
so we reload So we see that
00:04:29
the header has expanded by two columns of
00:04:33
ours also Let's expand the bottom of the site
00:04:36
also by two of our columns the same thing
00:04:39
is done, we write con equals two,
00:04:43
we save and see what comes out of it.
00:04:48
So we see that the bottom of the site
00:04:52
also We expand into two columns
00:04:55
like the previous header, in the same way we
00:04:59
can also set the size of our menu and the
00:05:01
content that will be placed on
00:05:03
our
00:05:12
web page will be 200 and let the High height
00:05:15
be 350 Let's
00:05:19
save So let's see what we
00:05:21
got from this,
00:05:24
reload and we see that the size
00:05:27
has increased and the width of the menu is also 200
00:05:31
and the content is 350 column width So
00:05:36
let's make a slightly different design
00:05:39
to better understand this topic So To do
00:05:41
this, we’ll just increase the number of our
00:05:45
columns, I’ll just copy them So let’s
00:05:48
change the height of our columns and remove
00:05:51
the width, write 25 So we changed
00:05:55
the height and further In the first line where we
00:05:58
had a header, here in the first line
00:06:00
we
00:06:01
see the header is written 2 to us now we
00:06:05
need to kind of increase our columns
00:06:08
because we now have six
00:06:10
columns here, so we see 2 3 4 5 6 Therefore,
00:06:15
we need to write a pole here So
00:06:19
let's change it to a pole here too and
00:06:23
now save it and see what
00:06:25
comes out of it. We've got it like this, let's
00:06:30
reload So we see that we have
00:06:33
six columns here and also our header
00:06:36
extends to six columns and the bottom of
00:06:40
the site also extends to six
00:06:42
columns So Next, in order to
00:06:44
combine several lines into one, we will
00:06:46
need another tag
00:06:48
called R so Let's go to
00:06:52
this tag and see what we'll get it out of
00:06:54
this So for this Let's
00:06:57
just change our whole one here, just
00:07:01
delete it and write it in a new way, write
00:07:04
our tag, choose a color for it Let it
00:07:07
be red and go to the TD tags,
00:07:11
write our
00:07:14
R, write a two, set the width to 30%,
00:07:19
write New let's set the height of the column,
00:07:21
close our tag and Let's open our
00:07:24
new T, choose a color, let it be yellow
00:07:27
and make a column
00:07:30
Let it be 200 and close our So
00:07:33
in this column we will have a menu in this
00:07:36
column we will have a site header in this
00:07:39
column we will have content here we need
00:07:41
to correct the error Let's save it and
00:07:43
see what comes of it
00:07:45
So
00:07:48
we reload and we see that here we have the
00:07:52
site header here at Nan and here we have
00:07:55
Men, that is, so that this
00:08:00
extends to these two lines We
00:08:03
need to use Tag rpan that's
00:08:06
all basically what I wanted to show in
00:08:08
this lesson Thank you for your attention Bye everyone

Description:

УРОК 7: Таблицa сложной структуры в HTML. сделать таблицу в HTML сложной структуры. расположить текст в двух или трёх колонках, а то и более. таблица html. таблица начинается тегом "table" и заканчивается тегом "/table". Строки таблицы образуются парой тегов "tr" "/tr", между которыми располагаются пары тегов "td" "/td". Видео уроки: HTML и CSS Ссылка: https://www.youtube.com/watch?v=7sv-6tgEvMw&list=PLtTpsB4WIWvR4L67Yj0QcbAit61ku7-vh Видео уроки: JavaScript Ссылка: https://www.youtube.com/watch?v=OoOaASnA27Y&list=PLtTpsB4WIWvTNkxvAUDvTA7vowWD3j054 Можно помочь материально и выпуски выйдут быстрее! Яндекс.Деньги - 410013783058664

Preparing download options

popular icon
Popular
hd icon
HD video
audio icon
Only sound
total icon
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

mobile menu iconHow can I download "Сложные таблицы html" video?mobile menu icon

  • 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.

mobile menu iconWhich format of "Сложные таблицы html" video should I choose?mobile menu icon

  • 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.

mobile menu iconWhy does my computer freeze when loading a "Сложные таблицы html" video?mobile menu icon

  • 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.

mobile menu iconHow can I download "Сложные таблицы html" video to my phone?mobile menu icon

  • 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.

mobile menu iconHow can I download an audio track (music) to MP3 "Сложные таблицы html"?mobile menu icon

  • 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.

mobile menu iconHow can I save a frame from a video "Сложные таблицы html"?mobile menu icon

  • 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.

mobile menu iconWhat's the price of all this stuff?mobile menu icon

  • 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.