Таблица html для сайта, html таблица, html таблица с css.
Таблицы HTML, довольно часто при заполнении сайта, мы копируем в его страницы таблицы с ворд, вместо создания - html таблица с css.
Этого делать категорически нельзя. Ворд программа - со осложним кодом, когда вы переносите с него текс или таблицу в страницу html, в нее переносится огромный код, который тянется из Word. Таким образом Ваша страница будет иметь довольно большой размер, она может не сохранится, долго загружаться, копируя из Word Вы значительно ухудшите работу сайта, скорость его загрузки и многие другие пункты.
Что же делать если нужна таблица html для сайта – данная ситуация не проблема, Таблица html, ее можно написать -таблицу в html, а для ее привлекательности, задать таблице стили css, html таблица с css, такая таблица обладает множеством преимуществ.
Она легкая, ее быстро воспроизводит читающее устройство, то-есть таблица html с css, моментально загружается в интернете, когда мы открываем страницу где данная таблица расположена. Лучше потратить, пусть и не мало времени, но заготовить себе шаблоны на подобный случай, заготовить шаблон довольно легко в Excel, структура кода довольно проста и понятна, Вы разберётесь в ней довольно быстро, также можно ее создать и вносить изменения с помощью программы Notepad++, она довольно мало весить и максимальна удобна для написания кода.
<meta charset="utf-8"><table border="1" style="text-align: center;"><tbody><script type="text/javascript">onload=function(){tableBG()};function tableBG(){var rows=document.getElementsByTagName('tr'); for(var i=0;i<rows.length;i++){if(i%2==0){rows.item(i).style.backgroundColor="#f8f8f8"}else{rows.item(i).style.backgroundColor="#fff"}}}</script>
<tr> | <th colspan=" | 1 | " style="text-align:center;width: | 100px | ;"> | 222-1 | </th> | ||
<tr> | <th colspan=" | 1 | " | style="text-align:center"> | 111 | </th> | |||
<tr> | <td> | </td> | <td> | 1 | </td> | <td> | 2 | </td> | |
<tr> | <td> | 1 | </td> | <td> | 4 | </td> | <td> | 4 | </td> |
<tr> | <td> | 2 | </td> | <td> | 4 | </td> | <td> | 5 | </td> |
<tr> | <td> | 3 | </td> | <td> | 5 | </td> | <td> | 5 | </td> |
<tr> | <td> | 4 | </td> | <td> | 5 | </td> | <td> | 5 | </td> |
<tr> | <td> | 5 | </td> | <td> | 5 | </td> | <td> | 5 | </td> |
</tbody></table> |
111 | 111 | ||
---|---|---|---|
222 | 222 | ||
1 | 2 | 3 | |
1 | 2 | 1 | 1 |
2 | 3 | 2 | 2 |
3 | 4 | 3 | 3 |
4 | 5 | 5 | 4 |
Для облегчения задачи выкладываю простой код. Но если кому понадобится, пишите, скину в документе Excel готовую таблицу html, с понятным пояснением по ее редактированию и внесению изменений в ее структуру.
Комментариев нет:
Отправить комментарий