Основы HTML (№3)


Так, пройдя Основы HTML (№1) и Основы HTML (№2) перейдём к созданию табличек


Нам понадобиться 3 тега (для начало)
<table></table>
<tr></tr>
<th></th>
(Кстати, тег, который выделяет жёлтым цветом <mark></mark>)
Начнём создавать табличку
С самого начала пишем 
Свойства этих элементов:

<style>  Этот тег нужен, чтобы редактор позволил вам распространять этот стиль на всё, что будет связано с этими тегами, которые будут далее
table {
 font-family: arial, sans-serif; Задаём свой шрифт
 width: 100%; ширина
}

td, tr {
 border: 1px solid #dddddd;  Тип "стенок" или "рамок", как вам угодно 
 text-align: left; Где текст будет расположен
}
</style> О том, что тут твориться, расскажу в другом уроке!
<table> Тем самым дав фундамент воображаемой таблице <tr> Первый горизонтальный столб <th>Люди</th> Благодаря этому тегу, создаём заглавный текст <th>Знаки зодиака</th> <th>Дата рождения</th> </tr> <tr> А теперь всё повторяем заполняя свои данные <th>Я</th> <th>Телец</th> <th>16 мая</th> </tr> <tr> <th>Кто-то </th> <th>Весы</th> <th>2 октября</th> </tr> <tr> <th>Кто-то 2</th> <th>Стрелец</th> <th>13 мая</th> </tr> </table> Таблицу закрываем
Вот что должно выйти в итоге
Люди Знаки зодиака Дата рождения
Я Телец 16 мая
Кто-то Весы 2 октября
Кто-то 2 Стрелец 13 мая

Теперь ты знаешь, как сделать простенькую таблицу

Комментарии

Популярные сообщения