Помощ Как се правят таблици
Правила на сайта |
Регистрация |
Страница на член |
Лични данни |
Авторско право |
първични източници |
Защита на страницата |
Качване на файл |
Ръководство за редактиране на статии |
Създаване на статия |
Наименуване на артикули |
Уикификация |
Wiki маркиране |
Изображения |
маси |
HTML цветове |
Библиографски списък |
Таблиците са удобна форма за показване на информация. Но таблиците изпълняват ролята си само когато има семантична връзка между редове и колони, тоест информацията в тях може да бъде сортирана по някакъв начин, например по дата или по азбучен ред.
От друга страна, таблиците са по-сложни от обикновения текст. Така че има смисъл да ги използвате само там, където наистина подобряват възприемането на материала, така че помислете предварително дали не е по-добре да използвате обикновен списък.
Най-простата маса
Изходният код на таблицата с един ред: | Ще изглежда така: |
Клетка 1 | Клетка 2 | Клетка 3 |
За въвеждане на следващия ред след вертикалната лента се поставя тире "-". По този начин можете да въведете произволен брой редове.
Изходният код на таблицата в два реда: | Ще изглежда така: |
Клетка 1*1 | Клетка 2*1 | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 | Клетка 3*2 |
Триредова масае написано така: | Ще изглежда така: |
Клетка 1*1 | Клетка 2*1 | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 | Клетка 3*2 |
Клетка 1*3 | Клетка 2*3 | Клетка 3*3 |
Рамки за маса
Типът рамка е описан в първия ред, веднага след. Не забравяйте, че между тях и атрибута трябва да има интервал.
Дебелината на линиитена рамката се задава от атрибута border=n, където "n" е дебелината на линията:
източник: | Ще изглежда така: |
Клетка 1*1 | Клетка 2*1 | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 | Клетка 3*2 |
Клетка 1*3 | Клетка 2*3 | Клетка 3*3 |
За да направите съдържанието на клетката удебелено и центрирано, вместо вертикални линии се поставят удивителни знаци. Това обикновено се използва за маркиране на заглавия.
За последната таблица можете да напишете така: | Ще изглежда така: |
Клетка 2*1 | Клетка 3*1 |
Клетка 2*2 | Клетка 3*2 |
Клетка 2*3 | Клетка 3*3 |
Вписване на един ред
За да направите информацията, записана в таблицата, по-четлива, можете да пишете редове в един ред (ако записите в тях не са много дълги), като ги разделяте с допълнителна вертикална линия.
източник: | Ще изглежда така: |
Клетка 1*1 | Клетка 2*1 | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 | Клетка 3*2 |
Клетка 1*3 | Клетка 2*3 | Клетка 3*3 |
Сливане на клетки
Вертикалното обединение на две клетки се записва така: | Ще изглежда така: |
Клетка 1 | Клетка 2, обединява два реда на таблицата | Клетка 3 |
Клетка 4 | Клетка 5 |
Атрибутътcolspan=nсе използва за хоризонтално сливане.
Изглежда така:
Клетка 1 | Клетка 2, обединява две колони | |
Клетка 3 | Клетка 4 | Клетка 5 |
Маси за "оцветяване".
- Вижте„Използване на цвят в Wiki Markup“-Диаграма на цветовете в HTLM
Текстътв таблицата може да бъде оцветен. За тази цел се използват същите тагове като в HTML:
- за отделна дума - Текст;
- за дълъг текст
където "ABCDEF" е индексът на цвета (вижте таблицата "Цветове HTLM".
В Letopisi.ru ще изглежда така:
Клетка 1*1 | Тук има само една цветна дума. | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 |
Можете да направитецветна клеткас помощта на атрибута "bgcolor=#ABCDEF", където "ABCDEF" означава, познахте, цветовия индекс в таблицата с цветовете.
В Letopisi.Ru ще изглежда така:
Клетка 1*1 | Клетка 2*1 | Клетка 3*1 |
Клетка 1*2 | Клетка 2*2 | Клетка 3*2 |
Клетка 1*3 | клетка2*3 | Клетка 3*3 |
Име на таблица
За да може името на таблицата да бъде центрирано по ширина, трябва да поставите знака „+“ след вертикалната линия. Самото име може да бъде форматирано с нормални wiki атрибути.
Ще изглежда така:
Клетка 1 | Клетка 2 |
Клетка 3 | Клетка 4 |
С възможност за сортиране на данни
Иван Иванович Иванов | 1 | 2 |
Петров Иванович Иванов | 2 | 1 |
Ширина на таблицата и колоните
Ако например има няколко отделни таблици подред, тогава е желателно ширината им да е еднаква, независимо от съдържанието им. Атрибутътwidthсе използва за фиксиране на ширината на таблицата.
Ще изглежда така:
Клетка 1*1 - дълъг - дълъг - дълъг - дълъг - дълъг | Клетка 1*2 |
Клетка 1*3 | Клетка 1*4 |
Клетка 2*1 | Клетка 2*2 |
Клетка 2*3 | Клетка 2*4 |
Използвайки същия атрибут, можете да регулирате ширината на отделните колони:
Клетка 1*1 - дълъг - дълъг - дълъг - дълъг - дълъг | Клетка 1*2 - дълъг - дълъг - дълъг - дълъг - дълъг | Клетка 1*3 - дълъг - дълъг - дълъг - дълъг - дълъг |
Клетка 1*4 | Клетка 1*5 | Клетка 1*6 |
Машинописни таблици без форматиране
Има лесен и бърз начин да създадете таблица - това е да я напишете на машина. Колоните и общият изглед са форматирани визуално.
клетка1 | клетка2 | клетка1 | клетка2 | ||||
клетка1 | клетка2 | клетка3 | клетка1 | клетка2 | клетка3 | ||
1 | 2 |
3 | 4 |
Може да се форматира за максимална четливост
Може да се форматира за максимална четливост
Заема по-малко място от XHTML кода
Заема малко място
Заема много място
Необичайно, особено за хора с малко познания по HTML
Често изглежда странно
Може да не се поддържа от браузъри
Не може да се върне назад
Текстът под формата на HTML тагове може да бъде по-лесен за четене от някои хора, отколкото куп вертикални ленти, знаци плюс, удивителни знаци и т.н.