Общие сведения о Web-сайтах и языке HTML
Публикации во Всемирной паутине (World Wide Web)реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвящённую какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц, объединённых гиперссылками. Web-страницы могут содержать текст, рисунки, таблицы, мультимедийные и динамические объекты. Создание Web-сайтов можно осуществлять с помощью языка HTML.
HTML – Hyper Text Markup Language - язык разметки гипертекста. HTML ни в коей мере не является языком программирования, он отвечает только за расположение элементов (текста, рисунков) в окне браузера. HTML является языком для создания Web-сайтов во Всемирной паутине. Язык HTML состоит из простых команд – тегов. Теги управляют представлением информации на экране при отображении HTML-документа. Теги заключаются в угловые скобки <>…</> и бывают парные и непарные (одиночные <>).
Документ HTML – это текстовый файл с расширением. html или. htm, содержащий набор тегов.
Браузер – (browser) – программа для просмотра Web-страниц. Широко используют бразеры Microsoft Internet Explorer, Opera и др. Браузер при получении документа HTML выполняет его анализ, строит объектную модель документа, затем результат отображает на мониторе.
Структура HTML-документа
| <HTML> <HEAD> Секция заголовка Записываются meta-теги, содержащие информацию о названии страницы, об авторе и др. </HEAD> <BODY> Тело документа Содержит непосредственно информацию страницы: тексты, рисунки, таблицы </BODY> </HTML> Параметры тега <BODY>: BGCOLOR - цвет фона (<BODYBGCOLOR="#000000">) BACKGROUND - бэкграунд TEXT - цвет текста LINK - цвет ссылки VLINK - цвет ссылки, уже посещенной в прошлом ALINK - цвет активной ссылки <P> и </P> - теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой строкой. <BR> - тег, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал. <HR> - тег, служащий для логического разделения текста горизонтальной линией. <PRE> и </PRE> - Между этими тегами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер". Параметры выравнивания Используются в <P> и <H> ALIGN=LEFT - выравнивание по левому полю ALIGN=RIGHT - выравнивание по правому полю ALIGN=CENTER - выравнивание по центру Теги выравнивания <LEFT> и </LEFT> - выравнивание по левому полю <RIGHT> и </RIGHT> - выравнивание по правому полю <CENTER> и </CENTER> - выравнивание по центру Заголовки, служащие для выделения логических частей текста <H1> и </H1> - Заголовок первого уровня. <H2> и </H2> - Заголовок второго уровня. <H3> и </H3> - Заголовок третьего уровня. <H4> и </H4> - Заголовок четвертого уровня. <H5> и </H5> - Заголовок пятого уровня. <H6> и </H6> - Заголовок шестого уровня. Теги для выделения текста и шрифта <B> и </B> - теги для выделения текста (слов, букв) жирным шрифтом. <I> и </I> - теги для выделения текста (слов, букв) курсивным шрифтом, типа Italic. <U> и </U> - текст, расположенный между двумя этими тегами, будет подчеркнут. <BLINK> и </BLINK> - текст, расположенный между двумя этими тегами, будет мигать. <FONT SIZE=n>и</FONT> - теги для изменения размера шрифта (где n - размер шрифта в пикселях px). <FONT COLOR="#FFFFFF"> и </FONT> - теги для изменения цвета шрифта. Теги для формирования списков <OL> и </OL> - теги, показывающие начало и конец нумерованного списка <UL> и </UL> - теги, показывающие начало и конец маркированного списка. <LI> - Элемент списка <DL> и </DL> - теги, показывающие начало и конец глоссария. <DT> - Термин глоссария, располагается без отступа от левого поля страницы. <DD> - Описание термина, располагается с отступом от левого поля страницы. Теги-команды для вставки в текст объектов не текстовой информации <IMG SRC="file.gif"> или <IMG SRC="file.jpg"> - команда для вставки графического изображения <IMGSRC="file.wav"> - команда для вставки звукового фрагмента <IMG SRC="file.avi"> - команда для вставки видео фрагмента Параметры графического изображения WIDHT - ширина картинки в пикселях HEIGHT- высота картинки в пикселях ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру) HSPACE - горизонтальный отступ от графического изображения VSPACE - вертикальный отступ ALT - альтернативный текст, служит для обозначения изображения Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет <A HREF="fail.htm">и</A>или<AHREF="https://www.ru">и</A> - гиперсвязи <ADDRESS><AHREF="mailto:nick@mail.ru">nick@mail.ru</ADDRESS> - гиперсвязь с адресом электронной почты Таблицы Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста <TABLE> и </TABLE> - теги для вставки таблицы в HTML документ Параметры тега <TABLE> BGCOLOR - цвет фона BORDER - ширина бордюра WIDHT - ширина таблицы Теги разметки таблицы <CAPTION> и </CAPTION> - название таблицы, имеет параметр ALIGN=TOP - выравнивание над таблицей и ALIGN=BOTTOM - под таблицей. <TR> и </TR> - Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание внутри строки таблицы. <TD> и </TD>- Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк. <TH> и </TH> - Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия. |