Практическая работа номер 1
1. Создайте следующую таблицу:
2. Выполните обрамление таблицы зелёным цветом.
3. Текст в столбце «Химия» выделите красным цветом.
4.Текст в столбце «Физика» выделите снним цветом.
5. Текст в столбце «Математика» выделите розовым цветом.
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
Теперь мы должны выполнить обрамление таблицы зеленым цветом. Для этого нам потребуется использовать CSS. Вот какой CSS код нужно добавить для таблицы:
```css
table {
border: 2px solid green;
}
```
Теперь наша таблица будет иметь зеленое обрамление.
Следующий шаг - выделить текст в столбце "Химия" красным цветом. Для этого нам нужно применить CSS стиль к соответствующему столбцу. Вот как выглядит таблица после добавления этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:first-child {
color: red;
}
```
Теперь текст в столбце "Химия" будет красным цветом.
Далее мы должны выделить текст в столбце "Физика" синим цветом. Вот как будет выглядеть таблица после применения этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:nth-child(2) {
color: blue;
}
```
Теперь текст в столбце "Физика" будет синим.
И, наконец, нам нужно выделить текст в столбце "Математика" розовым цветом. Вот таблица после применения этого стиля:
```
| Предмет | Оценка |
|------------|--------|
| Химия | |
| Физика | |
| Математика | |
```
```css
table td:last-child {
color: pink;
}
```
Теперь текст в столбце "Математика" будет розовым цветом.
Итак, после всех этих шагов у нас будет таблица, где обрамление будет зеленым, текст в столбце "Химия" будет красным, текст в столбце "Физика" будет синим, а текст в столбце "Математика" будет розовым.