Книги

 
HTML по шагам Шаг 11. Таблицы
Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений. Создание таблиц Для добавления таблицы на веб-страницу используется тег <TABLE>. Этот элемент служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состо ...
10 фев 2009 {1094 просмотра} / 10 фото /
HTML по шагам Шаг 10. Списки
Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. Любой список представляет собой контейнер <UL>, который устанавливает маркированный список, или <OL>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <LI>. Маркированный список Маркирова ...
10 фев 2009 {818 просмотров} / 2 фото /
HTML по шагам Шаг 9. Изображения
Для встраивания изображения в документ используется тег <IMG>, имеющий единственный обязательный параметр src, который определяет адрес файла с картинкой. Для указания адреса изображения можно задавать как абсолютный, так и относительный путь. В общем случае, правила для добавления изображений те же, что и при создании ссылок. Рассмотрим несколько указаний пути к рисунку для размещения его на веб-странице. Если в начале адреса стоит слэш (символ /), то отсчет идет от корня сайта. На ...
10 фев 2009 {744 просмотра} / 6 фото /
HTML по шагам Шаг 8. Якоря
Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу. Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А> (пример 8.1). Пример 8.1. Создание внутренней ссылки <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> < ...
10 фев 2009 {563} / 2 фото /
HTML по шагам Шаг 7. Ссылки
Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к файлу, на который делается ссылка, был доступ. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполн ...
10 фев 2009 {758} / 7 фото /
HTML по шагам Шаг 6. Работа с текстом
Для изменения вида текста существует достаточно большое количество различных тегов. Это и немудрено, ведь текст самый популярный вид информации. Абзацы Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой. Синтаксис создания абзацев следующий. <p>Абзац 1</p> <p>Абзац 2</p> Каждый абзац начинается с тега <p> и должен иметь необязательный закры ...
10 фев 2009 {783} / 3 фото /
HTML по шагам Шаг 5. Теги HTML
Чтобы браузер понимал, что имеет дело не с простым текстом, а с особым элементом, который задает его форматирование, и применяются теги. Теги являются основой HTML и берутся в угловые скобки. Общий синтаксис написания тегов следующий. <тег параметр1="значение" параметр2="значение"> <тег параметр1="значение" параметр2="значение">...</тег> Теги бывают одиночными и парными (контейнеры). Одиночный тег используется самостоятельно, а па ...
10 фев 2009 {407}
HTML по шагам Шаг 4. Структура HTML-кода
Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаются исходными, независимо от вида и направления сайта. Рассмотрим код, который первоначально создается в редакторе Nvu (пример 4.1). Для удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке. Пример 4.1. Исходный код веб-страницы 01. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 02. <html> 03. <head> ...
10 фев 2009 {615} / 1 фото /
HTML по шагам Шаг 3. Особенности HTML
Прежде чем редактировать код веб-страницы, следует принять во внимание некоторые особенности, которые присущи HTML при работе с текстом. Любое количество пробелов идущих подряд, на веб-странице отображается как один Сколько бы вы не поставили пробелов между словами, это никак не повлияет на конечный вид текста. Это же правило относится к символам табуляции и переносу текста. Поэтому не ставьте лишних пробелов, поскольку это лишь увеличит общий объем файла, но никак не изменит вид документа ...
10 фев 2009 {381}
HTML по шагам Шаг 2. Создание HTML-документа
Поскольку HTML-файл является обычным текстовым документом, то для написания кода HTML и создания веб-страницы подойдет любой текстовый редактор, например «Блокнот» (Notepad), который входит в комплект Windows. Большинство авторов так и советуют — используйте Блокнот, говорят они и точка. Но мы заявляем — забудьте об этой программе, она не предназначена для создания и редактирования HTML-кода. Существует целый класс HTML-редакторов специально «заточенных» для создания отдельных веб-страниц и сайт ...
10 фев 2009 {851} / 3 фото /
HTML по шагам Шаг 1. Основные понятия
Чтобы разговаривать на одном языке, а также для лучшего понимания темы, вначале следует обговорить термины, которые будут использоваться в тексте. Этот шаг при желании можно пропустить, а затем вернуться к нему еще раз, если вы встречаете слово, которое вам не понятно. Веб-страница Веб-страницей называется сетевой документ, открываемый в браузере. Обычно веб-страница создается в формате HTML и содержит, как правило, текст, изображения и ссылки. В связи с развитием технологий, веб-страницей ...
10 фев 2009 {421}