2.1 Язык HTML

Web-страницы могут существовать в любом формате, но в качестве стандарта принят

HyperText Markup Language - язык разметки гипертекстов, предназначенный для

создания форматированного текста,насыщенного изображениями, звуком,

анимацией,видеоклипами и гипертекстовыми ссылками на другие документы,

разбросанные как по всему Web-пространству, так и находящиеся наэтом же сервере

или являющиеся составной частью этого же Веб-проекта.

Можно работать на Web без знания языка HTML, поскольку тексты HTML могут

создаватьсяразными специальными редакторами и конвертерами. Но писать

непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать

HTML-редактор иликонвертер, которые часто ограничены в своих возможностях,

содержат ошибки или проводят плохой HTML код, который не работает на разных

платформах.

Язык HTML существует в нескольких вариантах и продолжает развиваться, но

конструкции HTML скорее всего будут использоваться ив дальнейшем. Изучая HTML и

познавая его глубже, создавая документ в начале изучения HTML и расширяя его

насколько это возможно, мы имеем возможностьсоздавать Web-страницы, которые

могут быть просмотрены многими броузерами Web, как сейчас, так и в будущем. Это

неисключает возможности использования других методов, например, метод

расширенных возможностей, который предоставляется Netscape Navigator, Internet

Explorer илинекоторыми другими программами.

Работа по HTML - это способ усвоить особенности создания документов в

стандартизированном языке, используя расширения, только если это

действительнонеобходимо.

HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими

широкораспространенными броузерами, и, возможно, станет основанием почти всего

программного обеспечения, которое имеетотношение к Web.

2.2. Структура HTMLдокумента

Поскольку HTML-документы записываются в ASCII-формате, то для ее создания

можетиспользован любой текстовый редактор.

Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст

размеченHTML-тегами (англ. tag - специальные встроенные указания). Средствами

HTML задаются синтаксис и размещение тегов, в соответствии скоторыми браузер

отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не

отображается.

 Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется

пара тегов - стартовый(открывающий) и завершающий (закрывающий) тег (похоже на

открывающиеся и закрывающиеся скобки в математике), между которыми помещается

размечаемаяинформация:

<p>Информация</p>

Здесь стартовым тегом является тег <P>, а завершающим - </P>.Завершающий тег

отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит

символ '/' (слэш).

Браузер, читающий HTML-документ, отображает его в окне, используя структуру

HTML-тегов.В каждом HTML-документе должны присутствовать три главных части:

A) Объявление HTML;

B) Заголовачная часть;

C) Тело документа.

 A) Объявление HTML

<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру)что

между ними заключен документ в формате HTML, причем первым тегом в документе

должен быть тег <HTML> (в самом начале документа), апоследним - </HTML> (в самом

конце документа).

<HTML>

.

.

.

</HTML>

B) Заголовочная часть.

<HEAD> и </HEAD>. Между этими тегами располагается информация о

документе(название, ключевые слова для поиска, описание и т.д.). Однако наиболее

важным является название документа, которое мы видим в верхней строке окна

браузера ив списках "Избранное (BookMark)". Специальные программы-спайдеры

поисковых систем используют название документа для построения своих баз

данных.Для того чтобы дать название своему HTML-документу текст помещается между

тегами <TITLE> и </TITLE>.

<HTML>

<HEAD>

<TITLE>Моя первая страница</TITLE>

</HEAD>

</HTML>

C) Тело документа.

Третьей главной частью документа является его тело. Оно следует сразу за

заголовком инаходится между тегами <BODY> и </BODY>. Первый из них должен стоять

сразу после тега </HEAD>, а второй - перед тегом</HTML>. Тело HTML-документа -

это место, куда автор помещает информацию, отформатированную средствами HTML.

<HTML>

<HEAD>

<TITLE> Моя первая страница</TITLE>

</HEAD>

<BODY>

......................................

</BODY>

</HTML>

Теперь мы можем написать HTML-код нашей странички:

<HTML>

<HEAD>

<TITLE>Моя первая страница</TITLE>

</HEAD>

<BODY>

Здесь будут мои страницы!

</BODY>

</HTML>


Информация о работе «Web-Дизайн и программы для создания web-страниц»
Раздел: Информатика, программирование
Количество знаков с пробелами: 30981
Количество таблиц: 0
Количество изображений: 0

Похожие работы

Скачать
35207
11
0

... программа создала HTML-файл для каждого файла из списка, создаётся конфигурационный файл style.css для HTML-тегов для созданной группы htm-файлов. Обзор средств программирования Существует множество различных языков программирования, с помощью которых можно выполнить данную программу : HTML, Java Script, CGI Script и т.д. HTML – Язык разметки гипертекста, выполняется разметка текстового ...

Скачать
48419
2
0

... , станет основанием почти всего программного обеспечения, которое имеет отношение к Web. 4. Программы для создания Web-страниц 4.1 HTML-редакторы Каждый выбирает свой инструмент для создания Web-страниц. Это может быть MS FrontPage или Macromedia DreamWeaver, Allaire HomeSite или 1st Page 2000. А кто-то пользуется простым текстовым редактором, например Блокнотом (Notepad). Текстовые ...

Скачать
22332
0
0

... слов и т.д. Эти данные используются также поисковыми серверами при индексации документов. 1.2 СОЗДАНИЕ И ОФОРМЛЕНИЕ WEB-СТРАНИЦ Для создания Web-страниц понадобится любой браузер - Internet Explorer или Netscape Communicator, а лучше оба, так как многие элементы HTML по-разному отображаются в разных программах просмотра и весьма желательно контролировать эту разницу. Кроме того, нужен любой ...

Скачать
50447
1
0

... Если можно обойтись без Flash, лучше обойтись без Flash. web дизайн flash баннер Глава 2. Разработка тематического и лабораторно практического курса «WEB дизайн:Flash технологии» 2.1 Тематическое планирование курса «WEB дизайн:Flash технологии» 2.1.1 Пояснительная записка Цель: научить учащихся 10-х классов создавать Web-сайты с использованием технологии Macromedia Flash и размещать их в ...

0 комментариев


Наверх