Създаване на таблици с HTML
Може да изтеглите Notepad++ от тук - https://notepad-plus-plus.org/downloads/
Линкове с цветови комбинации:
https://www.computerhope.com/htmcolor.htm
http://html-color-codes.info/
Задача 1:
|
Задача 2:
|
Задача 3:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_klas.html
Упътване: За да направите таблицата трябва да използвате атрибутa colspan, rowspan.
Създаване на таблици с HTML. Атрибути на таговете <table>, <tr>, <td>. Colspan, rowspan
Задача 4:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_nhg.html
Упътване: За да направите таблицата трябва да използвате атрибутите colspan и rowspan.
Задача 5: домашна работа - задача Показатели
Създайте таблицата от изображението по-долу. Съхранете файла с име table_pokazateli.html
Упътване: За да направите таблицата трябва да използвате атрибутите colspan и rowspan.
Задача 6:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_6.html
Упътване: За да направите таблицата трябва да използвате атрибутите colspan и rowspan.
Задача 7:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_7.html
Цветови код на първи ред - #91A6FF
Цветови код на втори и трети ред - #F9D2FF
Упътване: За да направите таблицата трябва да използвате атрибутите colspan и rowspan.
Задача 8:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_8.html
Цветови код на първи ред - #EAAEFF
Цветови код на втори и трети ред - #BDAEFF
Упътване: За да направите таблицата трябва да използвате атрибутите colspan и rowspan.
Задача 9:
Създайте таблицата от изображението по-долу. Съхранете файла с име table_6.html
Упътване: Може да използвате таблица, в чиито клетки има елементи на формуляр.
Таг за таблици
<table>
</table>
Атрибути на table
width - задава широчината на таблицата, обикновено това става в пиксели, но може да бъде и в проценти.
height - задава височината на таблицата
<table width="700" height="700">
<table width="100%" height="50%">
align - хоризонтално подравняване на таблицата: left, right, center
<table align="left" >
cellspacing - добавя пространство между клетките в таблицата без да променя размера на таблиците в пиксели
<table cellspacing="10" border="1">
cellpadding – добавя пространство вътре в самата клетка - между бордера на клетката и текста в нея
<table cellpading="10" border="1">
bgcolor – цвят на фона на цялата таблица.
<table bgcolor="#000000" border="1">
<table bgcolor="black" border="1">
background – изображение за фона на таблицата
<table background=”picture1.jpg” border="1">
Таг за ред в таблица
<tr>
Атрибути на тага <tr>
bgcolor - цвят на фона на реда
<tr bgcolor="#ffebcd" >
Пример:
<tr bgcolor="#CEECF5">
<td> Математика </td>
<td> Български език </td>
<td> История </td>
<td> Философия </td>
</tr>
Тест_1_HTML, Тест_2_HTML, Тест_3_HTML
|
|