WEB-Дизайн

Основы WEB-дизайнаИнформационная архитектураВизуальная концепция сайтаПроектирование эффективных WEB-страницНаписание текстов для интернетаРазработка навигацииПринципы гипертекстовой разметки Структура WEB-документовБазовые теги HTMLТеги тела WEB - документаТеги списковГипертекстовые ссылкиСтруктура ссылок в HTML-документеДобавление стилейТаблицы в HTMLФормы в HTMLЗадание по таблицам и формамЭкзаменационные заданияПримеры решения заданий по WEB-дизайнуИнструменты для построения сайтовLorem ipsumЗаказать сайт

Предметы

WEB-ДизайнМетрология и СтандартизацияSEO оптимизацияМаркетингМаркетинговые исследованияТеория организацииОрганизация маркетинговой деятельности на предприяУправление проектамиУправленческие решенияИнформатикаИнформационные системы и Базы данныхТелекоммуникационные и компьютерные технологии в СИнтернет-маркетингМенеджментИстория МенеджментаПерсональный менеджментИнформационный менеджментМеждународный маркетингМировые Информационные РесурсыПланирование карьерыE-learn

Получите в подарок бесплатный видеокурс по созданию сайта своими руками

 

getsuprize.fw

 

Начни зарабатывать деньги в Интернете!!!

Подпишись на бесплатный курс

Ваш e-mail: *
Ваше имя: *
Подписчиков:

Принципы гипертекстовой разметки

Получите в подарок бесплатный курс по планированию коммерческого сайта

 

getsuprize.fw

 

Как Вы уже догадываетесь, отображение содержимого WEB-страницы осуществляется на компьютере пользователя с помощью специальной программы - браузера. В настоящее время самым распространённым браузером является Internet Explorer  компании Microsoft. Однако, пионером в области создания браузеров является компания Netscape.

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

Пример:

<Отобразить жирный заголовок, помещённый в центр страницы>

Текст заголовка

<Закончить отображение жирного заголовка, помещённого в центр страницы>

<Отобразить абзац текста, отформатированного по левому краю>

Текст абзаца

<Закончить отображение абзаца текста, отформатированного по левому краю>

<отобразить изображение из файла img.jpg шириной 250 пикселов без рамки>

и так далее.

Таким языком разметки стал HTML который в настоящее время является базовым языком для отображения WEB-страниц в современных браузерах. Другими словами, чтобы отобразить в браузере какой-нибудь документ, необходимо его представить в формате HTML.

Начало истории HTML восходит к далёкому 1969 году, когда сотрудник компании IBM Чарльз Гольдфарб, создал прототип языка для разметки технической документации, названного в последствии GML, ставшего международным стандартом и переименованным в SGML(Standart Generalized Markup Language). Этот стандарт устанавливал синтаксис записи элементов разметки, а также правила определения новых элементов и указания структурных соотношений между ними. Для практической же разметки необходимо было придумать приложение SGML - набор определений элементов, представляющих собой формальное описание структуры документа. Принципы, на которых  строится язык SGML, оказали влияние на многие компьютерные разработки, однако сам язык SGML не получил заметного распространения до тех пор, пока в 1991 году сотрудники Европейского института физики частиц (CERN), занятые созданием системы передачи гипертекстовой информации через Интернет не выбрали SGML в качестве основы для нового языка разметки гипертекстовых документов. Этот язык - самое известное из приложений SGML был назван HTML.

Язык HTML (HyperText Markup Language) не является языком программирования в том смысле, в каком мы привыкли представлять себе такие языки программирования, как C, C++, Java, Basic и другие. При помощи HTML невозможно написать полноценное приложение, которое бы работало в системе MS-DOS, Windows или какой-либо другой ОС. HTML предназначен для создания документов, размещаемых на Web-сервере, доступ к которому осуществляется по сети Интернет, а выполнение программ, написанных на HTML происходит непосредственно в браузере.

Написать сайт можно, используя простой текстовый редактор, например Блокнот. Достаточно написать простой текст и сохранить его с расширением .html или . htm. У вас получится WEB-страница, которую вы сможете просмотреть в браузере. Но для того, чтобы текст на странице смотрелся красиво, необходимо применить к нему HTML-форматирование. 

Язык HTML состоит из так называемых тэгов.

Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа:

 

Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг - о завершении текста заголовка.

Некоторые тэги, такие, как

(тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.

HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом: