Нам понадобиться 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 мая |
Теперь ты знаешь, как сделать простенькую таблицу
Комментарии
Отправить комментарий