Как изменить шрифт таблице html
Как мы уже знаем, таблицы пишутся слева направо и сверху вниз. Точно так же двигаемся мы по странице нашего сайта.
Следующая по ходу нашего продвижения - центральная ячейка второй таблицы. Сюда мы будем вставлять текст. Необязательно заполнять таблицу именно в таком порядке, но в данном случае я соблюдаю этот порядок для наглядности.
Для того, чтобы текст выглядел так, как нам нужно, необходимо его отформатировать, задать если нужно отступ, шрифт, размер шрифта и прочие необходимые нам параметры.
1. Можно не ставить никакого выравнивания, просто написать текст и он по умолчанию выровняется по левому краю. А можно специально выровнять текст по центру, по левому, по правому краю или по ширине текста. Соответственно, атрибуты, которые для этого нужны:
align ="left" - по левому краю;
align ="center" - по центру;
align ="right" - по правому краю;
align ="justify" - по ширине текста.
Примечание: Если вы хотите поставить текст на страницу, без таблицы (я приводила пример страницы, сделанной без таблицы: как в этой Новеллизации) - вы просто ставите атрибут выравнивания в тег абзаца:
Так же можно выровнять текст, используя контейнерный тег
Выглядеть такой текст будет так: Текст, выровненный по центру Если нужный нам текст мы вставляем в ячейку таблицы, атрибут выравнивания нужно прописать в тэге соответствующей ячейки, в данном случае в центральной ячейке нашей второй таблицы. 2. Теперь зададим атрибуты самого текста: шрифт, цвет шрифта и размер шрифта. Для этого нужны такие атрибуты: 2.2. color - цвет; 2.3. Атрибут size задаёт размер шрифта; Крупный шрифт
Мелкий шрифт
Но я не рекомендую пользоваться таким способом, потому что размер шрифта будет зависеть от браузера пользователя. Пользователь зашедший с браузера Опера, где по умолчанию стоит масштаб 100%, увидит ваш шрифт font size="+4" умеренно крупным и легко читаемым. Пользователь, зашедший с Internet Explorer, на котором по умолчанию стоит "Самые крупные значки" увидит ваш текст просто гигантским и станет думать, не рассчитан ли ваш сайт на слабовидящих. Можно прописать размер шрифта при помощи стиля, вот так: STYLE="font-size:24pt".
Если мы зададим размер шрифта 20pt таким способом, то вся строчка будет выглядеть так: Обратите внимание, что если вы прописываете стиль, то между font и size ставится дефис: font-size. Пояснение: Название шрифта вы можете взять либо из соответствующих разделов любых уроков HTML, либо в программе Microsoft Word. Но помните, что далеко не все шрифты отражаются в разных браузерах, поэтому увлекаться экзотическими шрифтами не стоит. Пояснение 2: цвет шрифта можно задавать и словами (red, blue, green и т.п.), но тогда лучше писать вот так:
ТЕКСТ
Атрибут span означает, что мы имеем дело со встроенным элементом абзаца. Он используется для изменения вида текста или его логического выделения. Например, цветом. Названий цвета, которые в состоянии прочесть браузер, не так много, поэтому рекомендую пользоваться их числовыми значениями. Для того, чтобы узнать эти числовые значения, можно обратиться к многочисленным таблицам цветов, либо к программе Фотошоп. И любые другие таблицы цветов, какие только сможете найти. "Опасные" или "безопасные" цвета - значения не имеет. Они читаются все в равной степени. Разница состоит лишь в возможностях монитора каждого пользователя. 3. Пропишем внутрь ячейки тэг с атрибутами, необходимыми для того, чтобы задать параметры нашего текста. Порядок записи атрибутов внутрь тэга не важен. Цвет шрифта я задаю в данном случае - #000000 - чёрный: Примечание: не забывайте, что каждый тэг нужно закрыть. В данном случае, вы сперва закрываете внутренний тэг ( 4. Теперь надо задать абзац и красную строку. Но, к сожалению, этот текст будет выглядеть ровно, только в браузерах FireFox и Internet Explorer. В браузере Opera, он будет выглядеть... м-м-м... Как молодой бычок пописал...
В общем, очень неровно. Для того, чтобы задать отступ абзаца, нужно прописать для него стиль и назвать его, к примеру, "p1". Я уже объясняла, что стиль начинается с атрибута "style". Только сейчас этот атрибут будет отвечать не за цвет или размер шрифта, а за абзац и отступ текста. Этот стиль нужно записать так:
Лучше всего смотрится текст, выровненный по ширине. Именно так выравнивается текст в книгах, журналах и прочих печатных образцах. Поэтому поставим выравнивание в ячейке по ширине текста. Тэг ячейки будет выглядеть так:
2.1. font - означает шрифт;
face - лицо, то есть, наименование шрифта в языке HTML. Аналогично для задания стиля используется слово "family", о нём скажем позднее;
Шрифт Arial
Цвет шрифта (в данном случае, сиреневый)
Можно прописать размер шрифта в пунктах:
Лучше задать более точные параметры
Размер шрифта 20pt.
И зададим одновременно цвет - сиреневый и размер шрифта - 24pt:
Размер шрифта 24pt.
Слово STILE может относиться не только к шрифту, но и ко множеству других значений. Поэтому если вы прописываете стиль - атрибут, указывающий на то, что вы задаёте стиль именно размера шрифта ("font-size: 24pt"), берётся в кавычки весь: STILE="font-size: 24pt"
Можно воспользоваться вот этими таблицами цветов:
Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине. Текст, выровненный по ширине.
Тэг
В языке HTML эта конструкция используется для ввода специальных символов. Если браузер встречает в тексте вот такой знак (&) (он называется - амперсанд), он начинает интерпретировать следующие за ним буквы как код специального символа. Так продолжается до тех пор, пока не встретится точка с запятой. В данном случае мы используем для добавления пробела. Добавив несколько пробелов, мы получим отступ.
Если добавить восемь таких конструкций - - у нас получится отступ на восемь знаков.
Если вы хотите чтобы ваш текст всегда, во всех браузерах выглядел профессионально, вам нужно прибегнуть к более сложному способу.