Сайт для web мастера

Добавление текста и не только

rublenok — Wed, 06 May 2009 14:56:12 GMT

В этом уроке вы узнаете, как использовать html для добавления на Web-страницы текста и заголовков. Также вы узнаете, как добавлять математические записи, сведения о самой Web-странице и специальные символы (например ампесант (&)).

Абзацы

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

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
xml:lang="en" lang="en">

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

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
xml:lang="en" lang="en">

Однако будет ли эта строка второй?

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

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

Визуальное выделение текста

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

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
xml:lang="en" lang="en">

Заголовки

Разбивка текста на абзацы не является единственным способом форматирования Web-страниц. В html предусмотрен целый набор тегов, позволяющих задавать заголовки шестиразличных уровней - начиная от Закрывающий тег загаловка дает также завершение абзаца. Другими словами, после каждого заголовка автоматически вставляется пустая строка, визуально отпределяющая его от следующего далее тегста. Для заголовка первого уровня, задаваемого тегом

Создание вашей первой Web-страницы

rublenok — Fri, 01 May 2009 15:00:50 GMT

Приступим...

Web страницы или документы html можно создавать в любом текстовом редакторе (включая Microsoft Notepad, DOS edit, Mac SimpleText и UNIX vi). Навернятка на вашем компьютере уже установлен один из перечисленных текстовых редакторов, даже если вы ранее не знали о его наличии и никогда не использовали.

Необходимые элементы

Чтобы увидеть как выглядят коды html, и познакомиться с наиболее часто используемыми тегами, взгляните на предельно простой документ html, открытый в окне программы Microsoft Notepad. Вы можете набрать тот же текст в своем редакторе, чтобы повторить приведенный здесь пример.

Каждый документ html должен начинаться тегом

Пара тегом
Теги
Теги

Все html-документы состоят из двух частей: описательной и основной. Поскольку заголовок содержит информацию о самом документе, теги

Еще одна страница

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

Сохранение и просмотр страницы

Чтобы созданную Web-страницу можно было просмотреть в окне браузера, ее прежде всего необходимо сохранить. Поскольку сохраняемый файл является документом html, укажите для него расширение htm или html (напримерб first.html), что позволит в дальнейшем сразу же определять его тип.

Созданные документы html вы всегда сможете просматривать в окне своего Web-браузераб даже если файлы этих документов сохранены на вашем компьютереб а не на Web-серверею Чтобы просмотреть файл в окне браузера Internet Explorer, в меню Файл выберите команду Открыть.

Обязательные элемнты документа XHTML

В языке ЧРЕЬДб более новой версии html, есть еще один обязательные для создаваемых Web-страниц элемент - тег

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
xml:lang="en" lang="en">

Тег имеет три разновидности: Strict, Transitional и Frameset. В верхней части html-документа вы декларируете, какую именно из них хотите использовать.

Strict . Применяйте эту разновидность тега лишь в том случае, если точно уверены, что все посетители вашей Web-страницы используют новые Web-браузерыб способные корректно интерпретировать таблицы стилей. Разновидность Strict выглядит следующим образом:

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
strict.dtd">
Transitional. Применяйте эту разновидность, если вы знаете точно, какие именно программные средства будут использоваться для просмотра вашей Web-страницы.

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
Frameset. Применяйте эту разновидность, работая с фреймами. Подробнее фреймы рассматриватся будут позже.

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
frameset.dtd">

Обратите внимание еще на одно отлтчие кодов XHTML от обычных документов HTML: у тега

На сегодня все, увидимся в следующем уроке! :)

Что же такое HTML???

rublenok — Wed, 22 Apr 2009 11:03:55 GMT

Я приветствую вас и рад, что вы захотели ознакомиться с моими уроками :)

Итак приступим, что же такое HTML?

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

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

Почему это обстоятельство имеет столь важное значение? Например, если вы создали какой-то документ в своем любимом текстовом редакторе и отправили его другому пользователю, на компьютере которого этот же текстовый редактор не установлен, он не сможет открыть и прочитать отправленный вами документ, не так ли? То же самое можно сказать и относительно файлов практически любого типа. Вместо того, чтобы использовать собственные уникальные коды, которые могут быть интерпретированы только соответствующим программным обеспечением, HTML фиксирует свои инстукции в виде обычного текста, который может быть корректно интерпретирован любым Web-браузером или текстовым редактором. Эти программы идентифицируют отдельные специфические элементы документа (такие, как заголовок, тело страницы или нижний колонтитул) и на основе данной информации определяют особенности отображения тех или иных компонентов страницы. Эти элементы, называемые тегами, разработаны консорциумом W3C (World Wide Web Consortium).

Может раньше вы слышали о таком понятии XHTML? Если да, то я думаю, что дальше вам читать не стоит, ну а ежели неет, то лучше ознакомьтесь :)

Появление спицификации XHTML стало результатом первой значительной модификации языка HTML. Изменения вносились с целью добавления к страницам HTML структурированности и расширяемости XML. Добавив несколько простых структурных элементов к уже имеющимся страничкам HTML, вы можете быть уверены, что ваши Web-страницы будут совместимы с более поздними версиями HTML и даже с языком XML.