Первым делом хочу немного отвлечься от темы и поговорить о своих примерах кодов, например в предыдущей главе я ни где не изобразил полного кода страницы а показывал только так:

• HTML
• CSS
  • введение
  • типы документов
  • типы стилей
• PHP

А сейчас вернемся к нашей главе, для выполнения всех этих функций перечисленных в заглавии служит тег-контейнер

Теперь вернемся к нашей теме.

Для того что бы изменить размер, шрифт или цвет текста отдельного участка в HTML существует тег-контейнер отдельный кусок текста

Начнем по порядку, и научимся изменять цвет текста отдельного участка, для этой цели в тег FONT нужно поместить атрибут COLOR вот так:

color="red" > отдельный кусок текста Значения атрибута color такие-же как и для атрибутов bgcolor text тега body, т.е мы можем их задавать словами по английски(Black, Green, Silver, Lime, Gray, Olive, White, Yellow, Maroon, Navy, Red, Blue, Purple, Teal, Fuchsia, Aqua)или номерами цвета в RGB (#000000- #FFFFFF)

face="Tahoma" > отдельный кусок текста Шрифты служат для того что-бы текст имел более неординарный вид, но есть одна проблема, шрифтов которые есть у вас(посмотреть их можно в C:WINDOWSFonts) может не оказаться у ваших посетителей, вторая проблема шрифтов что некоторые шрифты можно использовать только к кириллице(русскими буквам) или наоборот только с латиницей(английскими буквами), есть конечно и третий тип который подходит и к латинице и кириллице. В нижнем списке я покажу какие шрифты есть стандартными и есть на всех компах а также подходят к любым буквам:

• Arial
• Cosmic Sans
• Courier
• Garamond
• Helvetica
• Verdana
• Tahoma
• Times
• Times New Roman

А теперь перейдем к размерам, изменить размер текста в HTML можно при помощи двух тегов font и/или BASEFONT .
Начнем с BASEFONT , этот тег служит для изменения базового цвета, шрифта и размера текста, на пример:
....текст....
Этот тег не является контейнером, т.е. обратного тега не имеет. Цвет и шрифт текста задается как в теге FONT , а вот для изменения размера текста используется атрибут SIZE с значением от 1 до 7. Этот тег в тексте можно использовать несколько раз: size="4" >....текст....
size="6" >....текст....
size="3" >....текст....
По умолчанию размер текста = "3", этот размер можно не задавать. В первом примере мы весть текст увеличили на единицу, во второй линии мы его увиличили до "6", а в третей мы опять его вернули к тексту по умолчанию.
Теперь хочу вас круто огорчить, этот тег был введен в версии HTML-4.01, и соответственно поддерживается в браузере только Интернет Експлорер, остальные браузеры его просто игнорируют, Так что лучше этот тег не использовать вообще!!!
А пользоваться только тегом FONT с атрибутом SIZE он поддерживается почти всеми браузерами. Атрибут SIZE , так же принимает значения от 1 до 7, но эти размеры могут задаваться и от "-2" до "+4"
текст
текст
текст
текст
текст
текст
текст
Тег FONT как и BASEFONT может содержать несколько атрибутов:
size="5" color="red" fase="Tahoma, Times, Verdana" >.... текст....

Приветствую всех читателей данной статьи и подписчиков моего блога! Сегодняшнюю публикацию я хочу посвятить теме, без знаний которой ваши интернет-ресурсы не будут читабельными и привлекательными: «Как в html задать шрифт». Сама по себе тема является легкой, и я уверен, что вы быстро ее освоите.

Однако не следует забывать, что веб-языки богаты на всевозможные инструменты оформления шрифтов, которые в идеале необходимо знать. После прочтения статьи вы уверенно овладеете форматированием текста, научитесь задавать различные стили, виды начертаний и украшений шрифтов, а также изменять размер и цвет как предложений, так и отдельных букв. Приступим же!

Шрифты бывают разные

Основная масса вывесок, прессы и литературы, сайтов и других сервисов используют стандартные шрифты. Хоть они и удобные, однако уже давно наскучили и не цепляют глаз. Именно поэтому многие дизайнеры несколько изменяют вид оформления или вовсе создают новые стили. Наиболее известными и влиятельными шрифтами считаются:

• Helvetica;
• Futura;
• Garamond;
• Bodoni;
• Bembo;
• Rockwell;
• Times New Roman.

Их главные отличия состоят в отношении к определенным семействам. Существуют антиквенные (с засечками), рубленные, декоративные, курсивные и моноширинные семейства.

Также хочу подчеркнуть, что существует 5 единиц размерностей шрифтов.

Начнем с языка html и его «творческих способностей»

Название первого заголовка

Подзаголовок с красной буквы!

Здесь расположен первый абзац текущего примера. Для наглядности эти слова будут написаны курсивом.

Напомню, что атрибут align = « center» задает отображение текста по центру.

А теперь пришел час css хвастаться своими умениями

Несмотря на целый набор разнообразных тегов, предусмотренных html, css является более удобным и гибким инструментом для оформления внешнего вида шрифтов.

Основные свойства, применяемые для форматирования контента, это font и его составляющие: text-decoration .

Сначала разберем font . Это универсальный параметр, благодаря которому одновременно можно задать несколько значений. К тому же каждый параметр оперирует своими ключевыми словами.

Свойство text-decoration помогает украсить текст дополнительными элементами, такими как подчеркивание (underline ), зачеркивание (line-through ), надчеркивание (overline ), а также наследовать параметры родителя (inherit ) или отменить все оформление (none ).

А теперь настало время для второго примера. Я взял предыдущий код и оформил его при помощи средств css. Так, заголовок был оформлен с тенью (при помощи свойства text- shadow ) и с контуром вокруг (border- color ). При этом одно слово я сделал крупнее. Также мне захотелось использовать параметр opacity для задания прозрачности подзаголовку.

Название первого заголовка

Полупрозрачный подзаголовок!

Здесь расположен первый абзац текущего примера. Для наглядности эти слова будут написаны курсивом.

Описание

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

Кроме этого, отображает текст в браузере со всеми пробелами между словами (по умолчанию браузеры воспринимают несколько пробелов, следующих друг за другом, как один
).

Остальные теги HTML, отображающие текст моноширинным шрифтом, относятся к тегам логического форматирования текста. Другое их назначение в том, что они предоставляют разного рода информацию, для поисковых систем и других программ, о заключенном в них тексте:
Тег 
 - отображает текст, который является программным кодом;

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

Програмный код: 
FOR i=1 TO 20  


Названия клавиш: 
Alt+F1  


Результат скрипта: 
Hello, PHP!  


Все пробелы между словами: 
Один Два Три - Попробуйте сами!
 



Програмный код: FOR i=1 TO 20
Названия клавиш: Alt+F1
Результат скрипта: Hello, PHP!
Все пробелы между словами:
Один Два Три - Попробуйте сами!
 Цитаты в HTML. Подчеркивание и перечеркивание текста
Тег 
 предназначен для подчеркивания текста, а тег 
 для его перечеркивания. Это теги физического форматирования текста, и, кроме визуального оформления, никакой смысловой нагрузки они не несут.

В каких случаях Вы будете использовать эти теги - решать Вам!

 
Подчеркнутый 
и 
перечеркнутый 
текст - Все!


 Подчеркнутый
 и перечеркнутый текст - Все!
Оформление цитат
Возможно, в процессе создания сайта, Вам понадобится вставить цитату на страницу.
Цитата - это дословная выдержка текста из какого-либо произведения. Желательно, чтобы цитируемый текст идентифицировался читающим лицом как вставленный. Для этого цитату необходимо выделить/оформить соответствующим образом.
В HTLM для этой цели существует специальный тег - 

. Текст, заключенный в этот тег, оформляется следующим образом: сверху и снизу от основного текста образуются промежутки, а слева и справа отступы (примерно по 40 пикселей
).


Как сказал Г. Ламене: 

 Наука служит лишь для того, чтобы дать нам понятие о размерах нашего невежества.  



Как сказал Г. Ламене:
Наука служит лишь для того, чтобы дать нам понятие о размерах нашего невежества.

 Несколько логических тегов
Мы не коснулись еще 3-х тегов, относящихся к группе логического форматирования: это теги 
, 
 и 
.
Теги 
и 
похожи. Первый из них предназначен для обозначения аббревиатуры, второй - акронима.
Акроним - это таже аббревиатура, только произносится он как единое слово, а не побуквенно.
Оба сокращения при просмотре в браузере подчеркнуты пунктирной линией, и к обоим желательно добавлять всплывающую подсказку - расшифровку сокращения (при помощи атрибута title

).
Тег 
применяется для заключения текста в кавычки. Этот тег можно использовать при оформлении цитат или при употреблении слов и выражений, которые имеют переносный смысл.

 
HTML  -
это аббревиатура - произносится побуквенно. 


 "Научно-исследовательский институт"
>
НИИ 
- это акроним. Акроним применяется как самостоятельное слово. 
 
Близнецы похожи 
как две капли воды 
. 


HTML - это аббревиатура - произносится побуквенно.
 
НИИ - это акроним. Акроним применяется как самостоятельное слово.
 
Близнецы похожи как две капли воды.