Веб-дизайн

  

Веб-дизайн | Технологии Интернета

Технологии веб-дизайна. Создание сайта. HTML

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

Веб-термины

      Аa      Бб      Вв       Гг       Дд       Ее       Жж       Зз       Ии       Кк      Лл      Мм      Нн       Оо      Пп       Рр       Сс     Тт       Уу      Фф     Хх    Чч      Яя sp




Веб-дизайн. Связь

СВЯЗЬ




МЕНЮ САЙТА   


 


вд Интернет, Сеть и сетевые ресурсы

вд Терминология веб-дизайна

вд Термин «веб-дизайн»

вд Термин «технологии веб-дизайна»

вд Термин «веб-проект»

вд Термин «веб-страница»

вд Термин «сетевые ресурсы»

вд Термин «веб-архитектура»

вд Термин «имя»

вд Структура Интернета. Домен

вд Термин «домен»

вд Домены первого уровня. Перечень

вд Создание сайта. Общие сведения

вд Сайт. Подготовка к публикации

вд Сайт. Регистрация домена

вд Выбор имени домена

вд Сайт. Сервер и хостинг, их выбор

вд DNS - «прописка» домена

вд Публикация сайта

вд HTML. Гипертекстовая разметка

вд HTML. Что такое тег (дескриптор)

вд HTML. Гиперссылка и гипертекст

вд HTML. Метатеги (теги МЕТА)

вд Метатеги группы «http-equiv»

вд Метатеги группы «name»


вд Алгоритмы поисковых систем

вд Дизайн-макет

вд Веб-термины: ГС и СДЛ

вд Сео-оптимизация

вд Веб-термин: сервер

вд Перелинковка

вд Семантическое ядро

вд Термин: гипертекст

вд Приложение

вд Курсы веб-дизайна

вд Требования к сайту

вд Компоненты форм

вд Создание форм

вд Иерархия вложенных тегов

вд Вложенность тегов

вд Создание сайтов и CSS

вд Синтаксис тегов

вд Создание сайтов и сложные теги

вд Веб-шпаргалка

вд Комментарии

вд Подборка авторских сайтов

вд Креатив

 

space  

sp

Тема

Технологии веб-дизайна. Синтаксис тегов sp



 Синтаксис тегов

Всё то, что мы видим на дисплее своего монитора в окне браузера, называется веб-страницей. Таким образом, следует сделать справедливое заключение: технологии веб-дизайна позволяют преобразовывать получаемый из сети информационный поток, во вполне симпатичную «картинку».

Это достигается именно с помощью браузера: в его программном комплексе встроен интерпретатор — программа, которая, грубо говоря, «расшифровывает» и выполняет указания тегов (дескрипторов HTML). Что такое тег и дескриптор, смотрите в материалах предыдущих обучающих сайтов.

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

В первом случае мы видим саму веб-страницу; во втором — её код.

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

Сами же правила исключительно просты. Главное — не ошибаться в синтаксисе.

Синтаксис записи парных тегов:

             Открывающий тег       Содержимое тега         Закрывающий тег

   <тег> Фрагмент кода или контента    </тег>


Синтаксис записи одиночного тега:   <тег>

Пояснения:

1. Действие парного тега распространяется на всё его содержимое.

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

3. Не имеет значения регистр, в котором вводятся обозначения тегов.

Технологии веб-дизайна. Структура веб-страницы

Поскольку в дальнейшем мы будем работать с документами, составленными с использованием какой-либо из технологий гипертекстовой разметки, запомните первое правило веб-дизайна в отношении всех подобных материалов:
Документы, составленные в формате гипертекста, маркируются парным тегом — аббревиатурой языка, на котором составлен документ.

Это значит, что наши материалы должны иметь маркировку «HTML»:

<HTML>

... содержание веб-страницы

..... ....

</HTML>

Таким образом, файл, обрабатываемый браузером, начинается с тега <HTML> и заканчивается тегом </HTML>. Именно здесь, внутри данного дескриптора, действуют все правила гипертекстовой разметки.

Простейшая разметка веб-страницы

В простейшем случае, веб-страница представляет из себя последовательность тегов и их атрибутов, разбитых на две зависимые группы. Это так называемые «шапка документа» (англ. HEAD — голова) и «тело документа» (англ. BODY — тело).

Внимание!

В технологиях веб-дизайна эти группы используются ВСЕГДА, в любом из языков разметки.

Теги для их записи:

Шапка документа:

<HEAD>...</HEAD>

Тело документа:

<BODY>...</BODY>

Пояснения:

1. Содержимое тега HEAD на экран не выводится. Это служебная информация, а также строки программного кода и т.п. данные, которые могут быть охарактеризованы как «Информация для собственных нужд».

2. Содержимое тега BODY предназначено для размещения собственно контента веб-страницы.

3. Оба упомянутых тега должны встречаться в листинге не более, чем по одному разу.

4. Никакой информации какого бы то ни было вида, вне указанных тегов быть не может (в противном случае, это указывает на крайнюю степень непрофессионализма). Исключением являются лишь глобальные дескрипторы <HTML> и строка декларации версии XML (см. ниже).

Таким образом, корректная запись кода простейшей веб-страницы выглядит вот так:

<HTML>

<HEAD>

... содержание заголовка (шапки)

</HEAD>

<BODY>...

... содержание тела веб-страницы

</BODY>

</HTML>



Статья:

Синтаксис тегов

Опорные темы:

Веб-дизайн, технологии и термины (терминология)



указатель

Назад

указатель

К началу

указатель

Далее

 

 




Веб-дизайн. Лого  

Веб-дизайн | Технологии  На главную


 


 

«Интернет без ошибок». Художественная мастерская С. Добрынина © 2008-2016. Все права защищены



 

 

 

 

Последнее обновление 27.07.2016