HTML документы - это файлы в обычном ( также известный как ASCII) текстовом формате, который может создаваться любым текстовым редактором ( к примеру - NE, Лексикон, Emacs и др.). Пара просмотрщиков Web ( tkWWW for X Window System и CERN's Web для компьютеров NeXT) включают простейшие HTML редакторы, позволяющие работать в стиле WYSIWYG. Сечас имеется несколько WYSIWIG редакторов (например HotMetal for Sun Sparcstations, HTML Edit for Macintoshes). Вы можете попробовать один из них перед тем, как разбираться в деталях HTML. Вы можете просматривать документы в процессе работы над ними используя, например, NCSA Mosaic. Откройте его, используя команду Open Local в меню File.

После редактирования HTML файла, сохраните изменения. Вернитесь в NCSA Mosaic и сделайте Reload ( перегрузите) документ. Изменения отражаются на экране дисплея. Минимально возможный HTML документ

Перед Вами клише HTML документа :

 
    <TITLE>Простейший HTML пример</TITLE>
    <H1>Это заголовок первого уровня</H1>
    Добро пожаловать в мир HTML. 
    Это первый параграф.<P>
    А это второй.<P>

HTML использует термины гипертекста для информирования просмотрщика о способе вывода текста. Вышеприведенный пример использует:
<TITLE> tag ( термин, пометка, описание элемента - будем использовать слово tag) (и соответствующий ему </TITLE> tag), которые определяют заголовок документа.
<H1>; tag заголовка (и соответствующий </H1>)
<P> tag - разделитель параграфов

HTML tag-и состоят из знака меньше (<), за ним следует имя tag-а и оканчивается знаком больше (>). Tag-и обычно парные, заключительный tag выглядит также, как и начальный за исключением slash'а (/), предшествующего тексту внутри скобок. Например : <H1> информирует просмотрщика о начале заголовка первого уровня </H1> говорит о том, что заголовок завершен.

Основным исключением из правила пар является <P> tag. Tag </P> не существует.

Замечение: HTML не различает больших и малых букв. <title> еквивалентно <TITLE> или <TiTlE>.

Не все tag-и поддерживаются всеми просмотрщиками WWW. Если просмотрщик не поддерживает tag, то он его игнорирует.

Основные элементы языка

Название документа

Каждый HTML документ должен иметь название. Оно обычно располагается отдельно от документа и используется преимущественно для идентификации документа ( например, WAIS поиск). Можно обходиться полудюжиной слов для описания цели (сути) документа.

В версиях NCSA Mosaic для X Window System and Microsoft Windows, поле названия документа находится в верху экрана, прямо под строкой меню. В NCSA Mosaic for Macintosh, текст определенный, как <TITLE> появляется в заголовоке окна.

Заголовки

HTML имееет 6 уровней заголовков, пронумерованных от 1 до 6, где первый выделен наиболее сильно. Заголовки показываются фонтами типа Large или Bold чаще, чем применяемыми для обычногог текста. Первый заголовок каждого документа нужно обозначать <H1>. Синтаксис tag-а заголовка :

<Hy>Текст заголовка </Hy>

где y это число между 1-им и 6-ю, определяищими уровень заголовка.

Например, код для строки заголовка "Заголовок" определяется так:

    <H3>Заголовок</H3>

Название документа в сравнении с первым заголовком

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

Параграфы

В отличие от большинства текстовых процессоров, в HTML файлах разбиение на строки не принципиально. Переход на новую строку может произойти в любой точке Вашего файла, последовательные пробелы превращаются в один. (Есть пара исключений, например, пробел который следует за <P> или <Hy> tag, игнорируется.) Заметьте, что в нашем примере первый параграф записывается как:

<P>
    Добро пожаловать в HTML.
    Это первый параграф. <P>

В исходном файле между предложениями есть перевод строки. А Web просмотрщик игнорирует этот перевод строки и начинает новый параграф только когда достигается <P> tag.

Это важно: Вы должны отделять параграфы с помощью <P>. Просмотрщик игнорирует пробелы и пустые строки в исходном тексте. HTML почти всегда полагается на инструкции форматирования и без <P> tag-а весь документ становится одним большим параграфом. (Исключение составляет текст, определенный как "предформатированный", который описан ниже). Например:

    <TITLE>Это простейший HTML пример</TITLE><H1>Заголовок первого 
    уровня</H1>Добро пожаловать в мир HTML. Это первый параграф.<P>
    А это второй.<P>

будет давать тот же результат, что и наш первый пример.

Однако, чтобы сохранить читаемость HTML файлов, заголовки должны быть на различных строках и параграфы отделены пустой строкой (В дополнении к <P> tag-у). NCSA Mosaic берет <P> в конце текущего параграфа и вставляет пустую строку.

HTML+, развивает текущий стандарт HTML, где <P> становится "контейнером" текста, также как текст заголовков первого уровня ``содержится'' внутри <H1> ... </H1>:

    <P>
    Это параграф в HTML+.
    <P>

Вся разница заключается в том, что </P> заключительный tag может быть всегда пропущен. ( То есть, если просмотрщик видит <P>, то он предполагает существование </P> в конце предыдущего параграфа.) Другими словами, в HTML+, <P> является указателем начала параграфа.

Преимуществом этого изменения в том, что Вы можете устанавливать параметры форматирования параграфа. Например, в HTML+, Вы можете отцентрировать параграф, определив:

    <P ALIGN=CENTER>
    Это центрированных параграф. Это HTML+, пока Вам это не доступно.

Это изменение сейчас не дадут никакого эффекта, разница проявится только когда Вы будете использовать HTML+ просмотрщик.

Ссылки на другие документы

Основная мощь HTML происходит из его возможности связывать части текста ( и даже изображения) с другими документами. Просмоторщик выделяет эти области (обычно цветом и/или подчеркиванием) показывая, что это гипертекстовая ссылка (часто сокращаемое до гиперссылки или просто ссылки).

Одиночный гипертекстовый связующий HTML tag: <A>, его называют anchor (якорь). Чтобы включить anchor в свой документ:

Начните anchor с <A . (После A стоит пробел.) Определите документ, на который будет указывать ссылка, введя параметр HREF="имя_файла" и, после этого, закрывающую скобку: >

Наберите текст, который будет служить гипертекстовой ссылкой в текущем документе. Завершите anchor набрав tag: </A>.

Вот пример гипертекстовой ссылки:

	<A HREF="MaineStats.html">Maine</A>

Это выражение делает слово ``Maine'' гипертекстовой ссылкой на документ MaineStats.html, который находится в той же директории, что и первый документ. Вы можете сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка. Например, ссылка на файл NJStats.html расположенный в поддиректории AtlanticStates будет выглядеть так:

    <A HREF="AtlanticStates/NJStats.html">New Jersey</A>

Это называется относительной ссылкой. Вы можете использовать также полное имя файла. Для указания пути используйте стандартный синтаксис UNIX. Относительные ссылки в сравнении с абсолютными путями до файлов

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

Легче переместить группу документов в другое место, потому что относительные ссылки останутся корректными.

Однако, используйте абсолютные пути, когда ссылаетесь на документы относящиеся к другой группе. Например, пусть Ваша группа документов содержит документацию пользователя. Ссылки внутри этой группы должны быть относительными. Ссылки на другие документы (относящиеся, например, к дополнительному програмному обеспечению) должны содержать полный путь. Таким образом, если Вы переместите документацию в другую директорию, ни одна из связей не будет требовать обновления (изменения).

Uniform Resource Locator

World Wide Web использует Uniform Resource Locators (URLs) для указания расположения файлов на других серверах. URL включает тип (способ) доступа к ресурсу (gopher, WAIS, ...), адрес сервера и местоположение файла.

Синтаксис: scheme://host.domain[:port]/path/filename

где scheme является одним из:

file: файл Вашей локальной системы или файл ``анонимного'' FTP-сервера
http: файл World Wide Web сервера
gopher: файл Gopher сервера
WAIS: файл WAIS сервера
news: группа новостей Usenet
telnet: Telnet связь

Значение Port может быть опущено. (Не указывайте это, пока кто-нибудь явно не укажет Вам на необходимость использования).

К примеру, для включения ссылки на этот пример в свой документ, Вы должны использовать:

<A 
HREF="http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html"> 
 NCSA's Beginner's Guide to HTML</A>

Это сделает текст "NCSA's Beginner's Guide to HTML" ссылкой на оригинал этого документа.

Дополнительную информацию по URL смотрите: WWW имена и адреса, URIs, URLs, URNs, написанное в CERN-е. Руководство по URL для начинающих, расположенное в Help меню просмотрщика "NCSA Mosaic". Ссылки на конкретные места в других документах

Ссылки (anchors) также могут быть использованы для перехода к определенным частям других документов. Предположим, вы хотите сделать ссылку из документа А на некоторую часть документа В. (Назовем этот файл documentB.html.) Во-первых, Вам необходимо создать named anchor (именованный якорь, ссылка с именем) в документе В. Например, чтобы создать anchor с именем "Jabberwocky" в документе В, наберите:

    Это <A NAME = "Jabberwocky">некоторый текст</a>

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

    Это моя 
	<A HREF="documentB.html#Jabberwocky">ссылка</A> 
	на документ В.

Теперь нажатие на слово "ссылка" в документе А отправит читателя сразу к словам "некоторый текст" в документе В.

Ссылки на конкретные места в текущем документе

Техника построения ссылок такая-же, за исключением того, что имя файла не требуется.

К примеру, для ссылки на "Jabberwocky" anchor изнутри того-же самого файла (документ В), надо использовать:

    Это 
	<A HREF="#Jabberwocky">ссылка на Jabberwocky</A> 
	изнутри документа В.

система мониторинга инженерных систем . Долгопрудный квартиры . женская одежда оптом, верхний женский трикотаж от производителя. . Разработка и создание сайтов в Екатеринбурге недорого.