HTML Лекції по Web-Design

Про матеріал

Курс HTML CSS складається з 13 уроків, які максимально повно описують можливості мови розмітки і каскадних таблиць стилів, таких необхідних у житті будь-якого веб-розробника, на прикладі створення елементарних і не дуже html сторінок і css файлів. Курс насичений не тільки багатством матеріалу, необхідного, як початківцю, так і професійному верстальщику, але і багатьма фактами як з минулого веб технологій так і тим, які відбудуться незабаром.

Перегляд файлу

Лабораторна робота №2

Тема: Знайомство з тегами мови HTML: списки та таблиці

Завдання:

0. Опрацювати теоретичні відомості:

https://html5book.ru/html-lists/

https://html5book.ru/html-table/

1. Створити файл lists.html і в ньому розмістити списки:

Перший список:

Троянди
Гвоздики
Тюльпани
Ромашки

Другий список:

1. Фрукти:

Ананас
Апельсин
Банан
Яблуко
Мандарин

2. Овочі:

a. Картопля

b. Огірок

c. Буряк

d. Морква

e. Баклажан

3. Ягоди

Полуниця
Малина
Смородина

Третій список:

Четвертий список (можна використовувати будь-який контент):

П’ятий список

2. Створіть файл tables.html

Реалізуйте у файлі наступні таблиці.

ячейка 1		ячейка 3
ячейка 4	ячейка 5	ячейка 6
ячейка 4	ячейка 8	ячейка 9

ячейка 1
ячейка 4	ячейка 5	ячейка 6
ячейка 8		ячейка 9

ячейка 1	ячейка 2	ячейка 3
	ячейка 5
	ячейка 8

номер	теги
номер	тег	значение
1	p	для текста
2	a
3	b
4	i
5	table	таблица
6	tr	ряд таблицы
7	td	ячейки таблицы
8	th	ячейки таблицы

Створити таблицю, як показано нижче. Вставте декілька малюнків в комірки

1		2		3
		4
		5	6	7
8	9		10
11

Друга таблиця (зробіть 4 стовпці і 5 рядків, придумайте власний контент, розфарбуйте кожну колонку своїм кольором):

Третя таблиця:

№	ПІБ	Адреса	Телефон
1	ПІБ1	Адреса1	111111
2	ПІБ2	Адреса2	222222
3	ПІБ3	Адреса3	333333
4	ПІБ4	Адреса4	444444
Загальна кількість			4

Четверта таблиця:

номер	теги
номер	тег	значение
1	p	для текста
2	a
3	b
4	i
5	table	таблица
6	tr	ряд таблицы
7	td	ячейки таблицы
8	th	ячейки таблицы