Поделиться через


Основы HTML

Большинство браузеров имеют возможность просматривать источник страниц HTML просмотре. При просмотре источника появится несколько тегов HTML (гипертекстовой языка разметки), окруженных угловыми скобки (<>), пересыпанными с текстом.

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

Создание HTML-файла

  1. Откройте блокнот или любой текстовый редактор.

  2. В меню Файл выберите команду New.

  3. Введите следующие линии:

    <HTML>
    <HEAD>
    <TITLE>Top HTML Tags</TITLE>
    </HEAD>
    </HTML>
    
  4. В меню Файл выберите команду Сохранить и сохраните файл как C: \webpages\First.htm. Оставьте файл открыт в редакторе.

  5. Переключитесь в браузере, в меню Файл выберите пункт Открыть или введите file://C:/webpages/first.htm в поле ввода URL-адреса браузера. Вы должны увидеть пустую страницу с заголовком «верхние HTML-тегами окна».

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

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

  6. Вернитесь в блокнот и после </HEAD> линии, введите:

    <BODY>
    HTML is swell.
    Life is good.
    </BODY>
    
  7. В меню Файл выберите команду Сохранить.

  8. Вернитесь в браузере и обновите страницу.

    Ключевые слова отображаются в клиентской области приложения окна браузера. Обратите внимание, что возврат каретки игнорируется. Если нужно использовать разрыв строки, необходимо включить тег <BR> после первой линии.

    Для всех шагов выполните вставьте текст в любом месте между <BODY> и </BODY> добавить в тело данного документа.

  9. Добавьте заголовок:

    <H3>Here's the big picture</H3>
    
  10. Добавьте изображение, используя файл .gif, сохраненный в том же каталоге, что и страница:

    <IMG src="yourfile.gif">
    
  11. Добавьте список.

    <UL>Make me an unordered list.
    <LI>One programmer</LI>
    <LI>Ten SDKs</LI>
    <LI>Great Internet Apps</LI>
    </UL>
    
  12. В число список вместо этого используется связыванный <OL> и </OL> теги вместо <UL> и </UL> тегов.

Это необходимо получить, запущенный. Если отображается как функцию на странице, можно узнать, как она была создана путем анализа источник HTML. Редакторы HTML, например титульный лист Майкрософт можно использовать для создания и простые и сложные страницы.

Здесь весь источник HTML для файла для построенной:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Полное описание тегов, атрибуты и расширения см. в спецификации Hypertext Markup Language (HTML).

http://www.w3.org/pub/WWW/MarkUp/

См. также

Основные понятия

Основы программирования для интернет-решений MFC