Kompx.com or Compmiscellanea.com

HTML выравнивание по центру

Windows : Internet Explorer 3.0+, Firefox 1.0+, Google Chrome, Opera 3.51 - 6.xx и 9.0+, Safari 3.1+, SeaMonkey 1.0+ [ 1 ].

Linux : Firefox 1.0+, Chromium, Opera 5.0 - 6.xx и 9.0+, SeaMonkey 1.0+ [ 2 ].

Выравнивание содержимого страницы по центру в видимой области окна браузера с помощью HTML - без CSS. Контейнер, в котором будет находится содержимое веб-страницы выравнивается по центру - по ширине и по высоте: [ Открыть страницу-пример ].

HTML. Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>HTML выравнивание по центру</title>

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">

</head>

<body bgcolor="#ffffff">

<table width="100%" height="100%" bgcolor="#a3ddc4">

<tr>

<td align="center">

<table width="800" height="500" bgcolor="#ff6f6f">

<tr>

<td>&nbsp;</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Внешняя HTML-таблица делает всю видимую область окна браузера, за исключением отступов от каждого края элемента, HTML-таблицей, а все пространство этой таблицы - ячейкой HTML-таблицы.

Ячейка внешней HTML-таблицы наследует значение по умолчанию для атрибута valign от своего родительского ряда ( тег tr ) таблицы. А этот ряд в свою очередь наследует значение по умолчанию для атрибута valign от тега tbody внешней HTML-таблицы - даже если тег tbody не использован. И это значение: middle. Так что контейнер с содержимым внутри внешней HTML-таблицы выравниватся в видимой области окна браузера по центру - по высоте.

Align="center" ячейки внешней HTML-таблицы выравнивает контейнер с содержимым внутри неё по центру / по ширине в видимой области окна браузера

Внутренняя таблица, та, которая внутри ячейки внешней HTML-таблицы, создает контейнер данного размера. Высота может быть не задана или ширина или и то, и другое. Тогда размер контейнера будет принимать такие величины, какие позволят вместить содержимое. Если ширина или высота или то, и другое окажутся больше размеров видимой области окна браузера, то все равно контейнер будет выровнен по центру.

Поскольку выравнивание по центру с помощью только HTML является самым старым методом, он работает не только в более старых браузерах, но и в таких, которые попросту древние. После добавления еще одного HTML тега ( <center></center> ) вокруг внешней HTML-таблицы данный способ будет работать и в Internet Explorer 3 : [ Открыть страницу-пример ]

Скачать Internet Explorer 3: пакет, содержащий версии 3.0, 4.01, 5.01, 5.5, 6.0 Internet Explorer'а

HTML. Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>HTML выравнивание по центру для Internet Explorer 3</title>

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">

</head>

<body bgcolor="#ffffff">

<!-- Для Internet Explorer 3 --><center><!-- Для Internet Explorer 3 -->

<table width="100%" height="100%" bgcolor="#a3ddc4">

<tr>

<td align="center">

<table width="800" height="500" bgcolor="#ff6f6f">

<tr>

<td>&nbsp;</td>

</tr>

</table>

</td>

</tr>

</table>

<!-- Для Internet Explorer 3 --><center><!-- Для Internet Explorer 3 -->

</body>

</html>

HTML выравнивание по центру стало устаревшим в результате распространения семантической вёрстки. Но оно все еще работает. Не только в основных современных браузерах, но и во многих старых и альтернативных.

Имеется и некоторый недостаток. Используется атрибут height тега <table><table/>. Его работа годами поддерживается большинством браузеров, однако он противоречит стандартам, продвигаемым Интернет-консорциумом (W3C). Так что код не проходит валидацию W3C. Прежде, в 1990ых - начале 2000ых, было сложно или невозможно добиться одновременно валидного и работающего в основных браузерах кода. Так что недостаток не виделся настоящей проблемой.


[ 1 ]

А так же в Netscape 2.02 - 4.80 и Offbyone. В Netscape 2.02 - 4.80 имеется некоторое смещение содержимого страницы в верхний левый угол видимой области окна браузера из-за того, что эти программы резервируют место для полос прокрутки.

[ 2 ]

А так же в Netscape 2.02 - 4.80. В Netscape 2.02 - 4.80 имеется некоторое смещение содержимого страницы в верхний левый угол видимой области окна браузера из-за того, что эти программы резервируют место для полос прокрутки.


Aliosque subditos et thema

 

Установка и настройка веб браузера Arachne для подключения к сети Интернет через модем и телефонную линию Dial-up

 

A : Установка веб браузера Arachne на диске, создаваемом в оперативной памяти - в этом случае веб браузер Arachne работает быстрее всего. Размер оперативной памяти должен позволять создать RAM диск объемом в 6 Мб и более. Что бы установить и настроить веб браузер Arachne для подключения к сети Интернет через модем и телефонную линию (Dial-up), необходимо несколько программ: 1. Веб браузер Arachne [ Скачать ] 2. Пакет с кириллицей кодировки KOI8-R koi8-r.apm [ Скачать ] 3. Пакет с кириллицей кодировки CP-1251 / Windows-1251 cp1251.apm [ Скачать ] 4. Драйвер мыши, например mouse.com [ Скачать ] 5. Архиваторы. Например, PKZIP [ Скачать ] и PKUNZIP [ Скачать ] 6. В случае, если будет использоваться не MS-DOS 6.0+, QEMM97 [ Скачать ] 7. В случае, если будет использоваться не MS-DOS 6.0+, TDSK [ Скачать ] Установка и настройка веб браузера Arachne по шагам: 1. В оперативной памяти создать диск. Какая именно буква будет назначена ему операционной системой получится из расчета, что A: и B: пойдут для floppy дисководов (даже если он один, то все равно зарезервированы будут две буквы), C: для первого активного основного раздела на первом жестком диске; если есть еще диски, то будут использоваться последовательно столько букв, что бы назвать их всех. Если при этом нет устройств, установленных через DRIVER.SYS или аналогичные драйверы, то следующая буква будет относиться к RAM-диску. Что бы убедиться наверняка, можно, после добавления соответствующей строки в CONFIG.SYS (См. ниже) для создания RAM-диска, например, перезагрузить компьютер и опытным путем проверить под какой буквой находится RAM-диск. В рассматриваемом случае, это E: В зависимости от объема оперативной памяти нужно решить, сколько мегабайт можно выделить для RAM-диска. В принципе, чем больше, тем лучше. Так как, например, кэш браузера при продолжительном и интенсивном использовании в рамках сессии будет разрастаться в объеме. В данном примере объем RAM-диска назначается в 12 000 Кб. Для драйвера MS-DOS RAMDRIVE.SYS верхний предел, это 32 767 Кб, а для TDSK - 64 Мб. Что бы создать такой диск, нужно где-нибудь в средней части файла CONFIG.SYS прописать следующее: DEVICE=C:\DOS\RAMDRIVE.SYS 12000 512 512 /E 2. Создать папку, например C:\DRIVERS\, куда поместить драйвер мыши, например mouse.com. 3. В файл AUTOEXEC.BAT добавить строку, которая будет запускать драйвер мыши. В ней указать полный пусть к драйверу; может быть любой: LH C:\DRIVERS\MOUSE.COM 4. Запустить MemMaker или OPTIMIZE из QEMM97, что бы оптимизировать обращение с базовой памятью. Если MemMaker, то на все предложения можно просто ENTER - MemMaker всё сделает сам. Компьютер перезагрузится несколько раз, каждый раз будет запускаться MemMaker - опять ничего кроме ENTER можно не делать. Если используется QEMM97 ( конкретно приложение OPTIMIZE ), тоже будет несколько перезагрузок и во всех случаях тоже можно только ENTER. 5. Начать установку веб браузера Arachne на RAM-диск, в рассматриваемом примере, это диск E: A195GPL.EXE Что бы продолжить установку, нажать Y Нажать N, что бы ввести нужный путь к папке, куда будет установлен веб браузер Arachne. Ввести нужный путь к папке, куда будет установлен веб браузер Arachne. В рассматриваемом примере, это E:\ARACHNE\.

ELinks. Использование

 

Перейти к страницам: ELinks - Текстовый, или консольный веб браузер. Описание: возможности, скриншоты, где скачать. ELinks. Настройка - Как настроить ELinks. Запущенный ELinks позволяет делать почти все, что он может через использование его меню. Так что далее речь только о том, как запустить ELinks и, для примера, как сделать несколько других вещей. 1 ) Как запустить ELinks - ELinks может быть запущен в среде с графическим интерфейсом (X Windows, MS Windows и др.) или с интерфейсом командной строки. В первом случае сначала должен быть запущен эмулятор терминала / консоль: xterm, rxvt, Win32 консоль и другие: ELinks ( Linux ) - Что бы запустить ELinks, введите команду: elinks - Что бы запустить ELinks, открывающий веб-документ из интернета: elinks Веб-адрес веб-документа - Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок: elinks file:/// или: elinks / - Что бы запустить ELinks, открывающий локальную папку: elinks file:///home/user1/ или: elinks /home/user1/ - Что бы запустить ELinks, открывающий локальный файл: elinks file:///home/user1/document1.htm или: elinks /home/user1/document1.htm ELinks ( Windows ) - Что бы запустить ELinks, введите команду: elinks - Что бы запустить ELinks, открывающий веб-документ из интернета: elinks Веб-адрес веб-документа - Что бы запустить ELinks получающим доступ к жесткому диску для просмотра локальных папок: elinks file:/// - Что бы запустить ELinks, открывающий локальную папку: elinks file://c/home/user1/ - Что бы запустить ELinks, открывающий локальный файл: elinks file://c/home/user1/document1.htm 2 ) Для доступа к меню ELinks: Нажать Esc на клавиатуре 3 ) Что бы открыть веб-документ в уже запущенном ELinks: Нажать g на клавиатуре или Esc --> File --> Go to URL --> [ Ввести веб-адрес ] --> Enter 4 ) Вернуться назад: Клавиша-стрелка влево на клавиатуре или Esc --> File --> Go back 5 ) Открыть ссылку в новой фоновой вкладке: Shift - t или Esc --> Link --> Open in new tab in background 6 ) Перейти к следующей вкладке: Shift - > или Esc --> View --> Next tab 7 ) Закрыть вкладку: Нажать c на клавиатуре или Esc --> View --> Close tab 8 ) Передать URI внешнему приложению, когда ELinks запущен в эмуляторе терминала.