Язык разметки гипертекста HTML (от англ. Hypertext Markup Language — «язык разметки гипертекста») — это стандартный язык разметки документов во Всемирной паутине. Практически все веб-страницы создаются при помощи языка HTML или его последователя — XHTML. предназначен для создания Web-страниц. Основа используемой в HTML технологии состоит в том, что в обычный текстовый документ вставляються управляющие символы (тэги) и в результате мы получаем Web-страницу. С помощью тегов можно изменять размер, цвет символов, вставлять графические изображения, анимацию, звук, видео, ещё с помощью тегов в Web-страницу можно вставлять гиперссылки, в том числе и в графическом виде.
Что вам нужно: 1- Браузер, т.е., программа, пригодная для просмотра HTML-файлов. Подойдет любой браузер, к примеру Internet Explorer (стандартный браузер поставляемый с Windows) 2- Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке. Если на Вашем компьютере установлен Windows, вполне подойдет Notepad. Мы будем использовать текстовый редактор для подготовки HTML-файлов, а браузер — как инструмент контроля за сделанным.
Созданные вами HTML – файлы будут храниться на вашем компьютере, т.е. на локальном диске например (“C:\proba.htm”). HTML файлы имеет такие расширения “.html и .htm». И так запустите текстовый редактор Notepad. И напишите такой текст: <HTML> <TITLE>Пробная страница</TITLE> <BODY> <H3>Мой первый проект</H3> <HR> <center>Мой первый проект</center> </HTML></BODY> Смотрите рис. 1
Рисунок 1
Теперь давайте разберёмся. Теги <HTML></HTML> - определяют начало и конец файла Теги <TITLE></TITLE> - определяют название страницы Теги <BODY></BODY> - Определяют содержимое страницы Теги <H3></H3> - (вместо цифры 3 вы можете поставить любое другое число от 1 до 6) Определяют размер шрифта Тег <HR> – он рисует горизонтальную линию, если вы хотите изменить размер линии, то воспользуйтесь тегами <H?></H?> Теги <center></center> - Содержимое в этих тегах будет отображено на странице по центру, т.е. выравнивание по центру. Теперь сохраните проект как это показано на рисунке 2.
Рисунок 1 Незабудте написать расширение файла ".html" в имени файла
Далее дважды кликните левой клавишей мыши на сохранённом файле, в окне браузера появиться ваша первая сделанная страница, примерно должно получиться, так как показано на рисунке 3, это зависит из-за браузера.
Рисунок 1
На этом наш первый урок закончен.
Продолжем. По сути, HTML не является языком программирования, это всего лишь язык разметки страницы в Интернете.
(Часто новички не могут понять основ HTML именно потому, что пытаются считают его аналогом языка программирования). Дело в том, что в HTML отсутствует главный атрибут, присущий любому языкупрограммирования, — команды. Подобно знакам редакторской правки коды языка HTML являются частью текстового массива документа. Различают одиночные и парные дескрипторы, которые иногда называют контейнерами. Чтобы разделить содержимое документа и его разметку, коды языка HTML записываются в угловых скобках, например <br> или <р>. Контейнер представляет собой дескрипторную пару, которая состоит из открывающего (начального) и закрывающего (конечного) дескрипторов. Подобные пары записываются в виде <tag > </tag> и переносят свое значение на фрагмент документа, заключенный между ними. По сути дела, контейнер представляет собой своеобразные скобки, придающие заданное отличие своему содержимому по статусу или формату. Одиночный дескриптор по своему принципу действия больше похож на знак препинания. Он не имеет закрывающего тега и привязан к положению в документе, а не к его содержимому. Например, дескриптор <hr> создает горизонтальную линию, a <br> — обрывает текстовую строчку. Одним из самых важных одиночных дескрипторов является <img> — специальный код, который помечает позицию вставки изображения и указывает его расположение.