Общая структура HTML-файла - Основы HyperText Markup Language
Суммируя вышесказанное приведем общую структуру 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. Оформление итогов и создание сводных таблиц
Похожие статьи
-
Основные понятия - Основы HyperText Markup Language
HTML (HyperText Markup Language) - язык разметки гипертекста - предназначен для создания Web-страниц. Под гипертекстом в этом случае понимается текст,...
-
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и...
-
Вступ у PHP та MySQL PHP - це скрипт-мова (scripting language), що вбудовується в HTML, яка інтерпретується та виконується на сервері. Простіше за все...
-
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по...
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
Принцип работы языка. Синтаксис Как и было сказано ранее основой для HTML-были приняты текстовые документы, содержащие в себе HTML5. Рассмотрим следующий...
-
Для того, чтобы понять структуру и сценарий Web-документа, мы должны рассмотреть несколько Web-страниц и выявить общие элементы. Любой Web-документ...
-
На примере департамента в банке рассмотрим объект автоматизации. В нашем случае - это бизнес-процесс, который выполняется сотрудником банка,...
-
Для написания АИС использовались следующие языки программирования, программные средства и библиотеки: - Язык программирования PHP 5.4; -...
-
Что такое HTML. Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB....
-
UML - унифицированный язык моделирования, призванный упростить построение больших информационных систем. Состоит из диаграмм, связей и сущностей....
-
Определение методов реинжиниринга информационных систем Основные задачи, которые стоят перед проектировщиком, занимающимся реинжинирингом информационных...
-
Введение - Модернизация структуры базы данных на основе анализа требований предприятия
В данной дипломной работе рассматривается проблема реинжиниринга баз данных в рамках разработки информационной системы (далее: ИС) для информационного...
-
В рамках выпускной квалификационной работы была разработана автоматизированная информационная система, предназначенная как для автоматического, так и для...
-
В связи с увеличением числа сотрудников, работающих в компании, а также с расширением рабочего проекта, возникла проблема, связанная с версионностью...
-
Использование парадигмы ООП. Разрабатываемая АИС является системой с открытым исходным кодом и значит должна являться масштабируемой сторонними...
-
SimpleXML. В PHP версии 5.0 и выше появилось расширение для работы с xml структурой. Библитека SimpleXML содержит большое количество методов для работы с...
-
Для того чтобы оценить экономическую выгоду от внедрения АИС необходимо вычислить трудозатраты компании направленные непосредственно на реализацию...
-
Алгоритм работы. В результате работы АИС генерируются три xml документа - два со структурой сравниваемых баз данных и один с результатами сравнения. В...
-
В данной работе была рассмотрена тема обратной разработки (реинжиниринга) базы данных информационного портала. В качестве методов оптимизации...
-
Результат работы - Модернизация структуры базы данных на основе анализа требований предприятия
После установки обновленной базы данных на сервер CMS WordPress была запущена на хостинге и подключена. Ниже следуют примеры изменений. Обновленная...
-
Простейшим электронным учебником может являться конспект лекций преподавателя, набранный им самим (или даже студентами с целью размножения хорошего...
-
Актуальность Сегодня всемирная популярность социальных информационных сетей продолжает набирать обороты, все большее пользователей не может отказать себе...
-
Котроллеры на основе блока CPU BC9120, в принципе как и на основе любого другого блока CPU фирмы BECKHOFF, построены по модульному принципу. Что это...
-
Необходимо отметить специальный класс приложений - систем поддержки принятия решений, позволяющие моделировать правила и стратегии бизнеса и иметь...
-
Обновленная база данных должна иметь продвинутую структуру пользователей для использования на информационном портале под управлением новой CMS. Для...
-
Общие рекомендации по выполнению работ Перед выполнением первой работы создайте на диске свой каталог и в дальнейшем сохраняйте свои проекты в нем; При...
-
Общая характеристика технологии создания программного обеспечения К программно-инструментальным средствам в первую очередь относятся алгоритмические...
-
Проект приложения, Структура проекта, Запуск проекта - Visual Basic. Основы программирования
Программный проект - это совокупность частей, составляющих будущее Windows-приложен. Любой проект должен состоять из одной или нескольких Экранных форм и...
-
Для решения поставленных задач используются следующие методы: 1) Иерархия пользователей будет определена при помощи построения UML диаграммы, для...
-
Классической моделью или образцом инструментального приема, полностью ориентированного на объект при создании программных систем, служит набор функций...
-
Постановка задачи Имеющаяся база данных SQL имеет недостаточное количество полей и таблиц, не имеет упорядоченной структуры пользователей для работы с...
-
Построение ER диаграмм - Модернизация структуры базы данных на основе анализа требований предприятия
При построении моделей информационных систем важнейшей методикой является ER-моделирование или построение диаграмм сущность-связь. Сущность представляет...
-
Наименование организации НГУ им. Н. И. Лобачевского Национальный исследовательский университет. Сфера деятельности организации Высшее образование,...
-
Кодирование и формат отправляемых данных - Компьютерные сети
По умолчанию - application/x-www-form-urlencoded Все символы не из первой половины ASCII заменяются их кодами, например, "a" на "%E0". Пробелы - на "+",...
-
Инструментарий разработки - Современные средства создания электронного обучающего материала
Для разработки электронного учебного пособия был выбран язык HTML. Общие сведения о языке HTML. Для подготовки информации и сохранения ее в виде...
-
Цель работы: Освоение основ языка разметки гипертекста HTML, дескрипторов форматирования текста и технологии создания гиперссылок. Теоретические...
-
Значения свойств объектов можно менять двумя способами: При проектировании : В каждый момент проектирования только один объект является выделенным...
-
Структура сайта - Компьютерная лингвистика в образовательной среде
Структура сайта разработана в соответствии с основными требованиями к веб-приложению. (Рис.3) Содержит в себе 3 основные страницы (одна из которых...
-
Структуры сообщений протокола. - Механизм вызова удаленных процедур - RPC
При передаче RPC-сообщений поверх транспортного протокола, несколько RPC-сообщений могут располагаться внутри одного транспортного пакета. Для того чтобы...
Общая структура HTML-файла - Основы HyperText Markup Language