HTML5 для начинающих / Урок #10 – Создание HTML таблиц

Показать описание

Язык HTML позволяет создавать разнообразные таблицы при помощи специальных HTML тегов. За урок мы научимся создавать HTML таблицы и прописывать ряды / столбцы внутри них.

✅ Полезные ссылки:

⏰ Тайм коды:
00:00 - Начало
00:16 - Создание таблицы – тег «table»
01:06 - Создание рядов – тег «tr»
01:33 - Создание заголовков – тег «th»
02:23 - Создание столбцов – тег «td»
03:44 - Добавление атрибутов к таблице
05:40 - Завершение

✔ -------------

- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

Рекомендации по теме

Комментарии

Урок отличный, как и все предыдущие! Коротко и по делу. Автору спасибо!

xucykqu

Всё чётко и без воды ! Автору БОЛЬШОЕ СПАСИБО !

ksenrix

spasibo vam za uroki! Vse tak prosto i ponytno obyasnyaete. Ochen rada chto nashla vash kanal

geraloveyourselfff

Отличный урок все коротко и по делу, код у таблиц получается весьма большой, но разобраться можно

Q_roxe

<html lang=“ru”>
<p>Спасибо за уроки, они очень хорошие (по ним я выучил Java)</p>
</html>

ferandz

объясняешь лучше чем на моем прошлом курсе и не устаревшие теги а потом на css переходишь и тебе говорят то, что эти теги устарели зачем тогда давать мне их учить(это курс), а даешь свежее

UNREALREAL.

мне нравится как у твоих видео иногда не бывает дизлаиков вообще. ты красавчик братан спасибо. я учил С++ пол года, очень нравится язык но я не смог найти работу по ней, решил расширить свои знания и выучить веб дев. отлично обьясняешь, спасибо тебе большое. обещаю, если я благодаря твоим курса начну работать я тебе скину копеечку. пожалуйста запинь комент что бы не забывать =) пожелай удачи мне. (черт после с++ все языки кажутся такими простыми)

eloz

<! Doctype>
<HTML>
<head>
<title>Спасибо</title>
</head>
<body>
<h1>Ну как бы сказать спасибо бро без тебя я не справилась<h1>

<img SRC="👍" width="500" height="auto">

</body>
</HTML>

RedmiRedmi-nhsu

можно было еще рассказать про объединение ячеек столбцов и срок, но кому надо тот найдет))

serggey

Выравнивания добился почему то только путем <style>
align не функционирует хз что не так делаю

Mestniy

Спасибо за урок, есть ли смысл в <tfoot>? без него таблица и так хорошо выглядит

mammon

Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте

wowik

Подскажите пожалуйста:
Такая проблема сделал таблицу, хочу что бы в tfoot было одно значение, но оно выравнивается по левой стороне, пробовал вводить атрибут align="center", не получается, так же пробовал растянуть саму строчку tfoot через width, тоже не вышло(
Вышлю код таблицы, если как то неверно пересылаю простите, только начинаю писать не знаю как лучше передавать код, чем контрлв контрлц)))
<table border="1"; widht="500px.">
<thead>
<th>
<td>Имя</td>
<td>Кликуха</td>
<td>Часов в доте</td>
<td>Ранг</td>
</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Димулька</td>
<td>Кислая Попка</td>
<td>Если бы я захотел, было бы больше чем у тебя!</td>
<td>Я все...</td>
</tr>
<tr>
<td>2</td>
<td>Пабло</td>
<td>Про100Тащер</td>
<td>Все</td>
<td>Титан 1</td>
</tr>
<tr>
<td>3</td>
<td>Вантус</td>
<td>Pudge</td>
<td>Pudge</td>
<td>Мастерподхуком</td>
</tr>
</tbody>
<tfoot align="center">
<tr >
<td align="center">ПАША ЛУЧШИЙ</td>
</tr>
</tfoot>
</table>

ywrxeep

Может я что-то упустил, но ведь футер не выровнился по центру. Я понимаю что мы выровнили только боди, но почему тогда и хедэр выровнился ?

tural

border и align почему-то выдает ошибку, что-то изменилось в последних версиях?

uihgyum

Здравствуйте
Можно привести пример использования таблиц в сайтах и объяснить смысл их применения .

gorbadalyan

Можно сделать так. что бы таблица выполняла арифметику?

Krylowandrey

Привет спс за урок! А зачем нужен tfoot? В чём отличия от tbody? Я понял что в конце tfoot используют, но зачем, если можно просто обойтись tbody

himmjwc

братка, четко делаешь, но куда так бытро)) для нубов тяжеловато))

Kavkazzzz

Есть бесплатные сервисы которые экселевские таблицы переводят в HTML код?

Krylowandrey

HTML5 для начинающих / Урок #10 – Создание HTML таблиц

HTML5 для начинающих / Урок #1 – Введение в HTML

HTML5 для начинающих / Урок #5 – Теги для работы с текстом

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе...

HTML5 для начинающих / Урок #2 – Файл «index.html». Отображение сайта...

HTML5 для начинающих / Урок #10 – Создание HTML таблиц

HTML5 уроки для начинающих | #1 - Введение в HTML

HTML5 для начинающих / Урок #18 – Заключительная часть

HTML5 для начинающих / Урок #11 – Теги для подключения файлов...

HTML5 для начинающих / Урок #8 – Создание ссылок

HTML5 для начинающих / Урок #13 – Создание HTML форм и полей для ввода...

Основы HTML5. Полный курс

Учим HTML за 1 час! #От Профессионала | HD Remake

HTML5 для начинающих / Урок #3 – Как создаются сайты? Смотрим код чужого проекта...

HTML5 для начинающих / Урок #12 – Теги «Div» и «Span»

HTML5 для начинающих / Урок #9 – Работа с изображениями

HTML5 для начинающих / Урок #16 – Специальные HTML5 теги

Уроки по HTML5 для начинающих | Что такое HTML атрибуты

Структура html документа. Атрибут html тега. Параметры тега. HTML5 для начинающих. Урок#3...

Установка brackets. Настройка brackets. Создание веб страницы. HTML5 для начинающих. Урок#1...

HTML5 для начинающих / Урок #6 – Работа со списками

Уроки по HTML5 для начинающих | Семантические элементы в HTML5...

HTML5 для начинающих / Урок #7 – Что такое атрибуты?

HTML5 для начинающих / Урок #4 – Комментарии в HTML. Метаданные «meta»...