Ссылка на файл: >>>>>> http://file-portal.ru/Как указать выравнивание текста в ячейке таблицы/
Урок 16. HTML таблица, заголовок таблицы, ширина ячейки
Выравнивание элементов
6 методов вертикального центрирования с помощью CSS .
С помощью параметров ALIGN и VALIGN можно выполнять выравнивание текста, расположенного в ячейках таблицы. В операторах, определяющих ячейки таблицы, мы использовали различные комбинации параметров выравнивания. Различные способы выравнивания текста в ячейках таблицы. Таблицы могут содержать в своих ячейках многие объекты, допустимые в документах HTML. В частности, вы можете разместить внутри ячейки таблицы другую таблицу, создав таким образом вложенные таблицы. В этой главе мы расскажем о том, как оживить страницы вашего сервера WWW, разместив на них графические изображения, видеофрагменты, анимацию, а также звук, - словом мультимедийную информацию. Для подготовки мультимедийной информации вам могут потребоваться специальные приложения, такие как графические редакторы, средства ввода и обработки звука. В качестве примера мы можем назвать такие графические редакторы как Corel Draw и Adobe Photoshop. Не исключено, что вам придется приобрести видеокамеру, адаптер для ввода видеосигнала от видеомагнитофона или видеокамеры, а также редактор файлов с видеофрагментами. Если вы не обладаете художественными талантами, необходимыми для создания графических изображений или видеофрагментов, можно их заказать у художника либо приобрести отдельно. В любом случае вам нужно позаботиться о соблюдении авторских прав на всю информацию, которую вы собираетесь опубликовать на вашем сервере WWW, а также на все приложения, которые вы установите как расширение сервера программы CGI или расширения типа ISAPI. Для этого оператора можно указывать ряд параметров, определяющих адрес файла с изображением, выравнивание текста, расположенного возле изображения и так далее. Текстовая строка, которая отображается вместо графического изображения в тех случаях, когда навигатор не может показывать графические изображения или когда такая возможность отключена. Выравнивание текста относительно графического изображения. TEXTTOP выравнивание по верхней границе относительно самых высоких символов в текстовой строке;. ABSMIDDLE выравнивание середины текстовой строки относительно середины изображения;. BASELINE выравнивание нижней рамки изображения относительно базовой линии текстовой строки;. ABSBOTTOM выравнивание нижней границы изображения относительно нижней границы текущей строки. Ширина рамки вокруг изображения в пикселах используется только навигатором Netscape Navigator. Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по горизонтали. Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали. Адрес URL файла, содержащего так называемую карту изображения, которая используется для сегментированной графики. Сегментированная графика будет рассмотрена нами позже в этой главе. Этот параметр указывает, что данное изображение является сегментированным. С помощью параметров HEIGHT и WIDTH вы можете выполнять масштабирование графических изображений. Значение этих параметров можно указывать в процентах от ширины окна просмотра. Масштабирование позволяет подготовить графический файл относительно небольшого размера, который быстро передается через Internet, и занимает при этом значительную площадь в окне навигатора. Вы, однако, не можете масштабировать сегментированные графические изображения и фоновые изображения. Первое изображение имеет большие размеры и расположено в начале параграфа, а второе, небольших размеров, вставлено в середину параграфа рис. Два графических изображения в документе HTML. Задавая различные типы выравнивания, вы можете изменить относительное расположение графического изображения и текста, расположенного рядом. В документе HTML, исходный текст которого приведен в листинге 4. В результате текст оказался выровнен по верхней границе графического изображения, как это показано на рис. Выравнивание текста по верхней границе изображения. Заметим, что при использовании выравнивания по верхней границе изображения мы не получили эффект обтекания изображения текстом. Такой эффект можно получить при помощи выравнивания других типов, о чем мы расскажем позже. Этот параметр позволяет создать вокруг графического изображения рамку заданной толщины. К сожалению, параметр BORDER распознается только навигатором Netscape Navigator. Что же касается навигатора Microsoft Internet Explorer, то он игнорирует параметр BORDER. Для него также указано выравнивание текста по нижней границе. Выравнивание текста по нижней границе изображения. Этот текст мы опустили для экономии места, так как он отличается от текста, приведенного в листинге 4. Центрирование текста относительно изображения. Указывая для параметра ALIGN значения LEFT и RIGHT вы можете добиться эффекта обтекания изображения текстом, соответственно, с правой и левой стороны. Для выравнивания по правой границе, которое получается если параметр ALIGN имеет значение RIGHT, взаимное расположение текста и графического изображения показано на рис. Навигаторы Netscape Navigator, а также навигатор Microsoft Internet Explorer версии 3. Выравнивание типа TEXTTOP аналогично выравниванию типа TOP, однако выравнивание выполняется относительно самых высоких символов в текстовой строке рис. Если указано выравнивание типа ABSMIDDLE, то выполняется выравнивание середины текстовой строки относительно середины изображения рис. Указав тип выравнивания как BASELINE, вы можете выполнить выравнивание нижней рамки изображения относительно базовой линии текстовой строки рис. Тип выравнивания ABSBOTTOM задает выравнивание нижней границы изображения относительно нижней границы текущей строки, которая расположена под базовой линией рис. Подготовка и размещение графических изображений в документах HTML - это большое искусство. Однако помимо художественного вкуса, от вас потребуются знание различных технических тонкостей, от правильного учета которых во многих случаях зависит многое. Прежде всего вы должны выбрать формат файла, в котором будет храниться графическое изображение. Несмотря на то что сегодня существуют десятки различных графических форматов, практически для оформления документов HTML используются только два. Первый формат - это формат обмена графикой GIF Graphics Interchange Format , второй - JPEG. Рассмотрим особенности этих форматов, не углубляясь в несущественные для нас технические подробности. Хотя исторически формат GIF появился раньше, сначала мы расскажем о формате JPEG. Этот формат имеет особенности, делающие привлекательным его использование в документах HTML, особенно для отображения многоцветных фотографий. Прежде всего, формат JPEG допускает сжатие графической информации с потерями. Подготавливая файл в формате JPEG, вы можете указать допустимый процент потери качества. Чем больше этот процент, тем меньший объем дискового пространства потребуется для хранения файла и, что самое главное, тем меньшее время потребуется удаленному пользователю для загрузки изображения. Минимизация размера графического изображения без существенных потерь качества - очень важная процедура. Дело здесь в том, что в среднем информация передается через сеть Internet со скоростью примерно 1 Кбайт в секунду, поэтому на загрузку больших изображений может уйти слишком много времени. Поэтому даже и не думайте о том, чтобы разместить в документе HTML цветную фотографию, занимающую на диске 1 Мбайт - посчитайте сами, сколько времени эта фотография будет передаваться пользователю. Реальные объемы изображений, которые можно использовать, лежат в пределах от нескольких Кбайт до нескольких десятков Кбайт. Если же существует принципиальная необходимость размещения в документе HTML графического изображения высокого разрешения, занимающего много места, вы можете создать в документе ссылку на это изображение в виде небольшой пиктограммы. О том как это сделать, мы расскажем позже. Другое преимущество формата JPEG заключается в том, что он позволяет хранить изображения с высоким цветовым разрешением например, содержащие 16 млн. Наиболее заметный недостаток алгоритма сжатия с потерей качества сказывается при попытке сжать изображение с большим количеством четких контуров, например, копий экрана или штриховых рисунков. Даже при небольших потерях качества контуры размываются, что может оказаться совершенно неприемлемо. Поэтому мы рекомендуем применять формат JPEG только для хранения фотографий или рисунков с плавными переходами цветов и яркостей. Формат GIF был разработан пользователями сети CompuServe и в настоящее время стал очень популярен. Несмотря на то что изображения, хранящиеся в этом формате, не могут иметь более цветов, формат GIF обладает возможностями, которые делают его незаменимым в целом ряде случаев. Во-первых, в формате GIF используются алгоритмы сжатия изображения без потерь качества. Поэтому этот формат как нельзя лучше подходит для хранения копий экранов или штриховых рисунков, содержащих большие однотонные площади. Во-вторых, вы можете существенно уменьшить размер графического файла, записав в него сокращенную цветовую палитру вместо полной цветной. В-третьих, размещая в документах HTML специальным образом подготовленные изображения GIF, вы можете получить эффект прозрачности. Части изображения могут быть прозрачными, поэтому видимая форма изображения может отличаться от квадратной или прямоугольной. В-четвертых, формат GIF и только формат GIF позволяет создавать анимационные графические изображения, оживляющие внешний вид документа HTML. И, наконец, в пятых, формат GIF позволяет создавать файлы с чересстрочным interlaced изображением. Строки чересстрочных изображений GIF располагаются не подряд, а по очереди. Вначале в этом файле находятся строки, номера которых кратны восьми, затем - четырем и так далее. Чересстрочное изображение проявляется на экране навигатора постепенно, увеличивая свою четкость по мере получения новых порций данных. Это дает пользователю возможность оценить содержимое графического изображения до момента его полной загрузки. Если изображение вам не нужно, вы можете отказаться от его загрузки до полного завершения процесса и тем самым сэкономить время. Файл в формате GIF версии 89a состоит из блоков нескольких типов, два из которых являются обязательными, а остальные - дополнительными. Обязательные блоки - это блоки заголовка и блоки изображения. Дополнительно файл GIF может содержать блоки комментария, текстовые и управляющие блоки, а также блоки данных, содержащие произвольную информацию. В блоке заголовка расположена палитра и сведения о размерах области, в которой желательно отображать содержимое файла. Что же касается палитры, то в файле GIF может быть определена одна глобальная палитра, которая используется для всех графических изображений, записанных в файле, или несколько локальных палитр для отдельных изображений. В одном файле GIF может быть один или несколько блоков изображений. Если вы создаете прозрачные или анимационные изображения, вам будет нужно подготовить несколько изображений и записать их в файл. В блок комментария вы можете записать текст, описывающий изображение, или сведения о правах на изображение. Содержимое блока комментария не появится на экране во время отображения файла GIF, однако его можно увидеть непосредственно в файле, например, с помощью программы просмотра содержимого файла, встроенного в оболочку Norton Commander. Что же касается текстовых блоков, то расположенный в них текст будет выведен на экран поверх изображения. При подготовке текстового блока вы можете указать цвет и расположение текста. Создавая управляющие блоки, вы можете определить цвет в изображении или тексте как прозрачный. При отображении такого изображения прозрачные фрагменты не будут закрывать рисунок, который используется в качестве фона. Дополнительные блоки данных с произвольной информацией могут использоваться приложениями, отображающими изображение. Палитрой называется таблица цветов, которая имеется в графическом файле, и содержит все цвета, использованные в изображении. Формат GIF позволяет указывать точный размер таблицы цветов, необходимый для изображения. Количество элементов в таблице цветов самым непосредственным образом влияет на размер файла, содержащего графическое изображение, так как от него зависит количество бит данных, используемых для представления цвета. Например, если палитра то есть таблица цветов содержит только два элемента, в изображении имеются два цвета например, черный и белый, либо красный и желтый. При этом для представления цвета каждого пиксела достаточно использовать один бит. Если же палитра содержит цветов, для представления цвета пиксела необходимо использовать восемь бит данных. Многие графические редакторы позволяют указывать точный размер палитры либо задавать количество бит, используемых для представления цвета. В качестве примера мы можем назвать графический редактор Adobe Photoshop. Подробное описание этого редактора, однако, выходит за рамки нашей книги. При выборе палитры для графического изображения следует учитывать возможные ограничения цветовой разрешающей способности видеоадаптера удаленного пользователя. Если видеоадаптер способен отображать одновременно только цветов, могут возникнуть цветовые искажения. Если в файле GIF имеется несколько изображений, вы должны решить, следует ли использовать для них одну глобальную палитру или подготовить для каждого изображения свою локальную палитру. Если вы создаете анимационное изображение из нескольких кадров, в которых применяются сходные цвета, имеет смысл подготовить одну глобальную палитру. Заметим также, что на загрузку новой палитры может уйти много времени, что приведет к замедлению процесса отображения. Современные навигаторы позволяют работать с форматами GIF, JPEG, PCX, BMP и XBM, однако форматы PCX и BMP не обладают развитыми средствами компрессии, поэтому они практически не используются. Формат XBM родился в мире операционной системы UNIX с оболочкой X-Windows и применяется только для хранения черно-белых изображений. При размещении в документе HTML графического изображения вы должны будете сделать выбор между форматами GIF и JPEG. Если вы размещаете в документе HTML копию экрана или другое аналогичное изображение например, изображение окна приложения или диалоговой панели , выбор сделать легко. В этом случае вам придется использовать формат GIF, так как сжатие с потерей качества приведет к неудовлетворительному результату. Аналогично, если требуется получить эффект прозрачности или анимации, выбора тоже нет - только формат GIF позволит вам создать необходимые изображения. Труднее всего сделать выбор для фотографических изображений или для рисунков с плавными изменениями цветов, так как трудно заранее сказать, какой из форматов позволит достичь минимального размера файла при приемлемом качестве изображения. Возможно, что вам придется провести эксперименты, выбирая различные степени потери качества для формата JPEG. При этом не исключено, что формат GIF даст лучшие результаты, особенно если учесть возможность использования сокращенной палитры. Проект документации freebsd Руководство Серверы World Wide Web Центральные серверы Клиентская часть системы представлена приложениями для Microsoft Windows и Microsoft Windows Адрес URL файла с графическим изображением. Выравнивание текста относительно графического изображения LEFT по левой границе; RIGHT по правой границе; TOP по верхней границе; MIDDLE по центру изображения; BOTTOM по нижней границе; TEXTTOP выравнивание по верхней границе относительно самых высоких символов в текстовой строке; ABSMIDDLE выравнивание середины текстовой строки относительно середины изображения; BASELINE выравнивание нижней рамки изображения относительно базовой линии текстовой строки; ABSBOTTOM выравнивание нижней границы изображения относительно нижней границы текущей строки. Высота изображения в пикселах. Ширина изображения в пикселах.
Прямой рейс сургут ростов на дону расписание
Решение основных проблем экономики
Методы принятия управленческих решений в условиях неопределенности
Выравнивание текста в таблице
Концепция утверждающая что историю творит привилегированное меньшинство
Храм ефросиньи московской расписание
Сервисный центр электролюкс
Создание таблицы в HTML
Балаган лимитед ой как ты мне нравишься
Последние статьи виталия портникова
Использование таблиц
Секреты war thunder
Организационная структура банка российский капитал
Структура муниципального права
Свойства таблиц и их ячеек на примерах
Конструкции ооо техлайн техническое описание