Сергей Наломенко

Копайте в сторону SVG-анимаций. Начните с изучения хотя бы вот такого примера.

Если и можно, то очень некроссбраузерно и коряво. Что-то вроде document.style.zoom="20%"; в Internet Explorer. А Вам это для чего? Если хотите пилить интерфейсы, не зависящие от масштаба страницы, используйте проценты, и другие единицы измерения вроде vw или vh.

Самая простая реализация — 5 вертикальных div'ов-колонок, в которые Вы уже складываете div'ы-ячейки разной высоты.

Здесь написано, какие единицы измерения для чего используются

JavaScript (нужно подключить библиотеку jQuery):

$(function(){
	$("#select2").change(function(){ 
		if($(this).val() == "apple")  $("#select1").val("pear")  
	});
});

HTML:

<select id="select1" >
	<option value="apple" selected >Яблоко</option>
	<option value="pear" >Груша</option>
</select>
<select id="select2" >
	<option value="apple" >Яблоко</option>
	<option value="pear" selected >Груша</option>
</select>

Рабочий пример тут

Совершенно непонятно, при чем тут MySQL, но когда у Вас уже есть значение 0 или 1 из базы данных, то делаете примерно так:

<div style="display:<?= $val == 1 ? 'block':'none' ?>" >
...
</div>

HTML:

<div class="container" >
    <img src="./images/image1.jpg" />
    <div class="description" >Your description 1</div>
</div>
<div class="container" >
    <img src="./images/image2.jpg" />
    <div class="description" >Your description 1</div>
</div>
<div class="container" >
    <img src="./images/image3.jpg" />
    <div class="description" >Your description 1</div>
</div>

CSS:

.container > .description { display:none; }
.container:hover > .description { display: block; }

Стиль может быть описан либо в css-файлах фреймворков, либо в Вашем собственном файле стилей, либо изменяется «на лету» джаваскриптом.

Если это файлы стилей — в хроме жмёте Ctrl+Shift+C, кликаете по нужной таблице, и справа будеи показано, какие стили в каких файлах описаны.

Если это изменение средствами скрипта, делайте пошаговый дебаггинг работы JS при создании таблицы, и отслеживайте строку, в которой происходит присвоение стиля.

Посмотрите этот туториал и всё поймёте.

Правда. Только не от 1 до 5, а от 0 до 4.

Только вот сама формулировка «HTML расставит индексы» неверная. Тело запроса (будь то POST или GET) будет таким:

?name[]=&name[]=&name[]=&name[]=&name[]=

А на стороне сервера это всё уложится в ключ name массива $_REQUEST по порядку [0..N]. Это на PHP. С другими языками/платформами дела обстоят так же, только синтаксис другой, будь то Ruby, Pearl, ASP.NET или еще что-то.

Гуглите "HTML5 background video", коих навалом, и параллельно с этим — CSS3-свойства оверлейных слоёв поверх видео-канвы для затемнения, заблуривания и всего прочего, что Вам угодно.

Ну разве что хранить их не в массиве, а в JSON. А такой вопрос (конвертирование XML в JSON) уже поднимался на Stackoverflow.