Основы HTML. Язык разметки гипертекста (HTML – Hyper Text Markup Language) предназначен для создания Web – страниц.
Основа используемой в HTML технологии состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web - страницу.
Броузер при загрузке Web- страницы представляет ее на экране в том виде, который задается тэгами. С помощью тэгов можно изменять размер, начертание и цвет символов, определять положение текста на странице, вставлять графические изображения, анимацию, звук и видео, изменять цвет фона и т.д. Важно, что с помощью тэгов в Web – страницу можно вставлять гиперссылки, в том числе и в графической форме.
Так как HTML – страница является по своей сути специально размеченным текстовым документом, то для ее создания и редактирования необходимо использовать простейший текстовый редактор (типа Блокнот), который создает документ, не содержащий управляющих символов форматирования текста. Запустим Блокнот из Windows командой [Стандартные - Блокнот] или из Internet Explorer командой [Вид-В виде HTML]. Сохраним файл под именем Первая Web – страница.htm (расширение html в имени файла задает формат Web – страницы). Создадим простейшую Web – страницу.
Структура Web – страницы задается парами тегов: <HTML> и </HTML> - определяют начало и конец страницы; <HEAD> и </HEAD> - содержат описание документа, в том числе имя; < TITLE> и </TITLE> - содержат имя Web – страницы; <BODY> и </BODY> - содержат саму страницу («тело»). Дадим документу имя, например, Первая публикация в WWW. Необходимо различать имя файла (Первая Web – страница.htm), т.е. имя, под которым Web – страница хранится в файловой системе, и собственно имя Web – страницы (Первая публикация в WWW), которая высвечивается в верхней строке окна броузера и в первую очередь анализируется поисковыми системами.
Имя Web – страницы должно в максимальной степени соответствовать ее содержанию. Обычно «тело» Web – страницы содержит заголовок, пусть это будет слово «Компьютер». Заголовок должен быть центрирован (задается тэгом <CENTER>) и выделен крупным шрифтом (задан парой тэгов < H1> и </H1>). Размер шрифта задается тэгами от <H1> (самый крупный) до <H6> (самый мелкий). Заголовок целесообразно отделить от остального содержания страницы линией (тэг <HR>). Вывод на страницу графического изображения обеспечивается тэгом <IMG SRC = «компьютер.gif»>, где в кавычки заключено имя графического файла. Если графический файл находится в другом каталоге или на другом компьютере в сети Internet, в кавычках должен быть указан полный адрес (URL) этого файла.
Необходимо помнить, что на Web – страницах можно размещать лишь сжатые файлы (форматы GIF и JPG). Для отделения одного абзаца от другого, в данном случае рисунка от текста используется тег <P>. Сам текст должен быть выведен шрифтом меньшего размера, чем заголовок, поэтому он заключен между тэгами <H2> и </H2>. Наконец, страница содержит гиперссылку на другую Web – страницу, которая реализуется тэгом <A HREF = «монитор.htm»> <Монитор> </А>. В кавычках содержится имя Web – страницы, на которую должен быть осуществлен переход, причем если она находится в другом каталоге или на другом компьютере в сети Internet, кавычках должен быть указан полный ее адрес (URL). Тэг <Монитор> задает «тело» ссылки, т.е. ту последовательность символов, которая будет представлена на экране как ссылка.
Ее активизация приведет к переходу на другую Web – страницу, в данном случае на страницу монитор.htm. После окончания создания Web – страницы ее нужно сохранить, а затем загрузить в броузер.
Для этого необходимо дать команду [Файл – Открыть ] и найти нужную страницу на локальном компьютере или в Internet.