Вторник, 19.03.2024, 14:55
Вы вошли как Абитуриент
Группа "Гости"Приветствую Вас Абитуриент

ЧАЙНИК - учебный сайт начинающих

    ВЕБ-строителей



Главная | Мой профиль | Регистрация | Выход | Вход | RSS

Ах, этот html

Имея опыт 1-5 этапов, в принципе, можно не заморачиваться, и успешно строить свой сайт, используя лишь ВИЗУАЛЬНЫЙ редактор.
Но АППЕТИТ ПРИХОДИТ ВО ВРЕМЯ ЕДЫ, итак, ОСНОВЫ HTML, или, как мы условились обзывать этот язык представления ВЭБ-страниц, ХТМЛ (просто, чтобы не переключать раскладку клавиатуры)

*  *  *

1. Введение в HTML

HTML (HyperText Markup Language, язык разметки гипертекста) представляет собой систему верстки веб-страниц и определяет, где и как в документе отображать отдельные элементы (текст, рисунки, ссылки и др.).

Исходный код самой веб-страницы является обычным текстовым документом и состоит всего из двух основных компонентов, которые перемежаются между собой:

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

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

Разметка документа

Представьте, что вы диктуете секретарше текст, который изобилует выделением цвета, жирным начертанием и рисунками. При этом фраза «Вставить рисунок» может быть понята двояко, ведь это воспринимается как обычный текст или как команда добавить изображение. Чтобы исключить лишнего переспрашивания и уточнения что же именно делать, вначале следует обговорить ключевое слово и терминологию. Например, «абракадабра: новый абзац» будет обозначать, что дальнейший текст следует набирать со следующего абзаца.

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

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

Браузеры

Сам HTML-файл обычно размещается на сервере и для его просмотра необходима специальная программа — браузер, например, Mozilla Firefox. В задачу браузера входит подключение к удаленному серверу, получение кода HTML и его интерпретация согласно спецификации. Иными словами, браузер преобразует HTML-документ в веб-страницу, которую мы и наблюдаем, когда «ходим» по Интернету.

Краткие описания некоторых браузеров, которыми я пользовался, можете глянуть тут: http://4ajnik.at.ua/publ/

Текстовый редактор

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

  • подсветка синтаксиса — выделение тегов, текста, ключевых слов и параметров разными цветами. Это облегчает поиск нужного элемента, ускоряет работу разработчика и снижает возникновение ошибок;
  • работа с вкладками. Сайт представляет собой набор файлов, которые приходится править по отдельности, для чего нужен редактор, умеющий одновременно работать сразу с несколькими документами. При этом файлы удобно открывать в отдельных вкладках, чтобы быстро переходить к нужному документу;
  • проверка текущего документа на ошибки.
*  *  *

Подробнее - смотри учебник 
html   http://html.manual.ru/


Форма входа
Поиск
Календарь
«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Друзья сайта
  • Официальный блог
  • Усик Игорь приглашает к общению
  • Первый 31 или КВВИУС форева
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0