Размещено на http://www.allbest.ru/

Основы HTML

язык страница документ

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

HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц.

Под гипертекстом в этом случае понимается текст, связанный с другими текстами указателями-ссылками.

HTML представляет собой достаточно простой набор кодов, которые описывают структуру документа. HTML позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу подготовленную фотографию или картинку, организовать на странице ссылки для связи с другими документами.

HTML не задает конкретные и точные атрибуты форматирования документа. Конкретный вид документа окончательно определяет только программа-броузер на компьютере пользователя Интернета.
HTML также не является языком программирования, но web-страницы могут включать в себя встроенные программы-скрипты на языках Javascript и Visual Basic Script и программы-апплеты на языке Java.

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

Основными компонентами HTML являются:

· Тег (tag). Тег HTML это компонент, который командует Web- броузеру выполнить определенную задачу типа создания абзаца или вставки изображения.

· Атрибут (или аргумент). Атрибут HTML изменяет тег. Например, можно выровнять абзац или изображение внутри тега.

· Значение. Значения присваиваются атрибутам и определяют вносимые изменения. Например, если для тега используется атрибут выравнивания, то можно указать значение этого атрибута. Значения могут быть текстовыми, типа left или right, а также числовыми, как например ширина и высота изображения, где значения определяют размер изображения в пикселях.

Теги представляют собой зарезервированные последовательности символов, начинающиеся с < (знака меньше) и заканчивающиеся> (знаком больше).
Закрытие тега отличается от открытия только наличием символа '/'.

Предположим, у нас есть гипотетический атрибут форматирования текста, управляемый кодом <X>, и мы хотим применить его к словам "Это мой текст".

HTML-последовательность кодов и собственно текста будет выглядеть так: <X>Это мой текст</X>

Теги могут вкладываться друг в друга иерархически, но без пересечений, то есть допустимо вложение вида <teg1><teg2></teg2></teg1>, но не <teg1><teg2> </teg1></teg2>.

Действие вложенных тагов объединяется.Например, если внутрь тега, создающего жирное начертание шрифта, вложен тег курсива, то в результате получится жирный курсив.

Некоторые авторы, пишущие об языке HTML, советуют записывать теги прописными буквами, другие - используют строчные. Редактор HTML - Allaire HomeSite 4.5.1, например использует по умолчанию нижний регистр для записи тегов. При создании моих страниц использовались оба варианта написания тегов. Как видите, допустимо и то и другое. Современные броузеры допускают запись тегов в любом регистре.

Уже позднее я узнала, что нельзя делать категоричные заявления по этому вопросу. Существуют теги и атрибуты "чуствительные" к написанию прописными или строчными буквами. Это регламентируется стандартами языка HTML, определенными Консорциумом W3C.

Обращайтесь к первоисточнику!

Хорошее знание технического английского обязательно!

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

Еще один тег, который очень важен в HTML-программе, но так же не предназначается для отображения какого-либо объекта в броузере - тег <META>. Этот тег служит специальным целям, а именно - указания языка, на котором написан документ, его кодовой страницы, ключевых слов, используемых поисковыми системами для классификации этого документа и т.п. Теги <META> обычно вставляются в HTML-программу на заключительном этапе создания Web-страницы -публикации.

Для вставки в HTML-программу фрагмента программ, написанных на языке JavaScript или Viual Basic Script сценариев используют теги <SCRIPT> и </SCRIPT>.

Общая структура HTML-файла

Суммируя вышесказанное приведем общую структуру HTML-файл :

<HTML>

<HEAD>

<Мета-теги>

<Функции скриптов>

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>

Основная часть документа

</BODY>

</HTML>

Заголовки, абзацы, разрывы строк

Заголовки

Каждый пользователь компьютера, работающий в текстовом редактором Microsoft Word знаком с понятием стиля заголовка. В HTML тоже применяется это понятие для структурирования документа и выделения важности заголовка. Всего существуют 6 стилей заголовка. Каждый из них обозначается в HTML-документе парными тегами <Hi> и </Hi> Здесь i обозначает важность стиля. H1обозначает самый важный стиль заголовка, H2 - стиль заголовка второго уровня, а H6 - стиль заголовка самого нижнего уровня.

В подавляющем большинстве случаев для заголовков Web-страниц используют три первых уровня заголовков <H1>, <H2> и <H3>. Объясняется это тем, что размеры шрифтов оставшихся заголовуов (теги <H4> - <H5>) меньше размера обычного шрифта Web-страницы.

Абзацы

Понятие абзаца в HTML-документе также аналогично понятию абзаца в Microsoft Word. Абзац обозначается в документе парными тегами <P> и </P> . Впрочем, применение закрывающего тега не является строго обязательным.

НО! Специфика тега <P> заключается в том, что после текста, который находится в его пределах, пустая строка добавляетсяавтоматически.

Следует помнить и о другой особенности текстовых абзацев: когда текст достигает правой границы окна Web-броузера. переход на новую строку осуществляется автоматически, независимо от расположения тега <P>.

Для отдельного абзаца можно указать тип, размер и цвет шрифта отличным от стиля остального документа.

Разрывы строк

Если в середине строки появилась необходимость ее разорвать - используйте одиночный тег переноса строки <BR>.(Это соответствует нажатию клавишной комбинации [Shift]-[Enter] в текстовых процессорах Word). Код <BR> не означает конца логического абзаца, и за строкой с этим кодом дополнительная пустая строка не появится.

Кроме тега <BR> не требует закрытия тег добавления изображения <IMG>.
Использование закрывающего тега абзаца </p> также не является строго обязательным.

HTML довольно "демократичен": неправильный тег или неправильное вложение тегов обычно не приводят к "зависаниям" броузера, а только вызывает сообщение об ошибке в строке состояния окна броузера вашего Интернет-читателя. Разумеется ошибки могут привести к неправильному форматированию HTML-документа.

Построение сайта

<html>

<head>

<title>Студия красоты</title>

</head>

<body>

<center><h1>Ногтевой сервис,парикмахерские услуги</h1></center>

<br>Высококвалифицированные специалисты приглашают Вас:

<br>Мастер маникюра - Евгения

<br>Парикмахер -- стилист Николай

<br>Руководитель студии, ведущий мастер Пирогова Вера Алексеевна

<br>Ногтевой сервис

<br>Маникюр классический, европейский, аппаратный

<br>Педикюр классический, аппаратный, уход за диабетичской стопой

<br>Покрытие ногтей гель-лаком

<br>СПА-уход «Золотые ручки» и СПА-уход «Шоколадные ножки»

<br>Наращивание ногтей, авторский дизайн: аквариумный, плоскостной, китайская роспись, офисный French, свадебный дизайн,

<br>3D-дизайн, объемный.

<br>Парикмахерские услуги

<br>Стрижки любой сложности мужские и женские, колористика, узоры, карвинг, орнаментная стрижка,

<br>долговременная укладка, прически любой сложности: свадебные, вечерние на любую длину волос.

<br>оформление бровей, покрас ресниц и бровей, наращивание ресниц с «кодом памяти».

<br>Открой самое красивое в себе вместе со Студией красоты Веры Пироговой

<body bgcolor="#ff00ff">

<br> <br><br><br><br><br><br>

<h2><a href="file:///C:/Студия красоты/контакты/контакты.html">Переход на вторую страницу сайта</a>

</body>

</html>

<html>

<head>

<title>Студия красоты</title>

</head>

<body>

<center><h1>Ногтевой сервис,парикмахерские услуги</h1></center>

<br>пр. Ленина, 5 (рядом с кафе «Час-ПИК»)

<br>Тел.: 8-904-592-29-49,

<br>8-910-189-66-20,

<br>8 (49232) 9-22-92

<body bgcolor="#ff00ff">

<br/><br/>

<center><img alt="ногти"

<IMG SRC=http://www.dailybid.ru/img/77497b.jpg ALT="ногти" TITLE="ногти">

<br/><br/>

</body>

</html>

Лабораторные работы

1. Работа с формулами

2. Excel 2007. Работа с диаграммами

3. Абсолютная и относительная адресация

4. Оформление итогов и создание сводных таблиц

Список литературы

1. Информационные технологии управления: Учеб. пособие для вузов / Под ред. проф. Г.А. Титоренко, - М.: ЮНИТИ-ДАНА, 2011.

2. Устинова Г.М. Информационные системы менеджмента: Основные аналитические технологии в поддержке принятия решений: Учеб. пособие. - СПб.: ДиаСофтЮП, 2011.

3. Козырев А.А. Информационные технологии в экономике и управлении: Учебник. - СПб.: Изд-во Михайлова В.А., 2010.

Размещено на Allbest.ru