В этом уроке, Вы по моей инструкции создадите свою первую веб-страницу. Пока что Вам не надо вникать что за непонятные символы придется использовать. В этом уроке мы создаем страницу, а в следующих двух уроках мы полностью разберемся в каждом написанном символе.
Первое что мы делаем, это создаем папку на рабочем столе и даем ей название «Сайт». В этой папке будет проходить все наше дальнейшее творение.
Теперь запускаем блокнот Notepad++ который мы установили. (Если Вы этого еще не сделали, то инструкция по установке здесь). По умолчанию программа должна быть по директории /Program Files/Notepad++/, либо можно запустить через Пуск. Открыли программу и вставляем в нее следующий текст:
gt
gt
gtМой первый сайт gt
gt
gt
Это моя первая веб-страница!
gt
gt
Далее, нажимаем в верхнем меню кнопку «Кодировки» и выбираем «Кодировать в UTF-8»
Учим Html за 35 минут для начинающих от 10 лет (Основы) + Мотивация для разработчиков #ДомаВместе
Большинство сайтов рунета состоят из страниц html написанных на кодировке UTF-8. Для того чтобы наши страницы корректно отображались в браузере, мы тоже будем использовать данную кодировку.
Теперь нужно сохранить наш файл в формате html.
Не забываем, что Notepad++, это текстовый редактор, а это значит, что на данный момент мы имеем обычный текстовый файл с набором символов. Для того чтобы наш браузер отображал созданную нами текстовую страницу как веб-страницу, нам нужно сделать из нее файл с расширением html.
Для этого нажимаем в верхнем меню кнопку «Файл», затем «Сохранить как», выбираем директорию (путь) куда будет сохранен файл, сохраним его в созданной нами папке: Рабочий стол/Сайт/, далее самое главное, выбираем нужный тип файла, в нашем случае это Hyper Text Markup Language (html).
Поздравляю Вас! Вы только что создали свою первую веб-страницу! Теперь Вы можете зайти в папку «Сайт» и запустить созданный файл. Страница откроется с помощью браузера, и Вы увидите, что вместо непонятных символов которые мы вставляли, браузер выводит на экран вполне понятную информацию.
Как это все работает, мы разберем в следующих уроках.
* Когда нам нужно будет открывать файл для редактирования, будем нажимать правой кнопкой мыши на файл и выбирать «Edit with Notepad++» (открыть с помощью Notepad++).
Источник: htmlboss.ru
Как написать простую HTML-страничку
Спроектировать и создать простой веб-сайт очень просто. Даже новички могут изучать веб-дизайн, не прилагая слишком много усилий и времени.
HTML — это основной язык разметки веб-страниц. Давайте изучим его основы, и попробуем создать простую страницу.
Введение в HTML
HTML — это язык гипертекстовой разметки.
Гипертекст — это текст, который работает как ссылка.
HTML определяет структуру веб-страницы, и обеспечивает ее надлежащее отображение в браузере. Документ HTML может быть очень простым или сложным, в зависимости от поставленных задач.
Веб-браузеры получают HTML-документы с веб-сервера, и отображают их как веб-страницы. Каждый браузер понимает HTML, и воспроизводит изображения, текст, видео, так, как это написано в коде.
HTML является основным языком разметки для Web. Однако он используется для создания статических веб-страниц, без интерактивности и анимации. HTML5, последняя версия HTML, немного лучше в этом смысле, особенно что касается видео или аудио.
HTML5
HTML сегодня – это HTML5, новейшая версия, которая добавляет больше функций, чем предыдущие, и теперь может определять способ отображения видео, изображений и текста на экране браузера.
HTML5 — один из мощных инструментов для разработки веб-страниц. С HTML5 потоковая передача мультимедиа возможна без использования сторонних плагинов, таких как Flash. HTML5 также поддерживает хранение данных на стороне клиента. Это можно использовать для поддержки веб-приложений, когда клиент находится в автономном режиме.
Веб и HTML
Сеть состоит из взаимосвязанных веб-страниц и приложений, а также изображений, видео, анимации и интерактивного контента. Языки разметки составляют основу Web. Эти языки используются с тех пор, когда сайты были очень простыми, и будут оставаться частью сети, ее развития и будущего.
HTML остается фундаментальным навыком для всех веб-разработчиков и дизайнеров.
Согласно обзору W3Techs, HTML — это язык, используемый на 74,3% всех сайтов.
Среди подкатегорий, HTML5 используется на 82,9% всех сайтов, которые используют HTML.
Как создать простую HTML-страницу
Разработка HTML проста, и поэтому можно легко научиться кодировать простую HTML-страницу. Но для начала нужно изучить основы языка.
Кодирование HTML с помощью текстового редактора
Документ HTML — это в основном текстовый документ. Существует множество доступных редакторов текста, которые можно использовать для написания HTML. Два самых популярных: Dreamweaver и Sublime Text. Бесплатные редакторы — Notepad ++ для Windows и Text Wrangler для Mac. На самом деле сделать веб-страницу можно и в Microsoft Word, но делать это не стоит, поскольку он добавляет дополнительный и ненужный код в документы HTML.
Для примера мы будем использовать Notepad ++ в качестве редактора. Вы можете выбрать любой редактор по вашему выбору.
Создание и редактирование HTML
Создание нового документа HTML такое же, как и для любого другого типа документа. Выберите «Файл» — «Новый», чтобы открыть новый документ в Notepad ++. Внесите изменения в документ и нажмите «Сохранить».
Сохранение HTML
HTML-документ — это файл с расширением .htm или .html. Некоторые редакторы также могут предоставить опцию «Сохранить как HTML». Называть файл лучше латинскими буквами, с маленькой буквы, а пробелы заменять тире или точками.
Если вы написали код в «Блокноте» и сохранили его как текстовый документ, то перевести его в html-страничку можно с помощью программы Total Commander. Выбираем команду «Переименовать» и меняем расширение файла из .txt на .html.
Формат HTML-страницы
Элементы HTML
Элементы определяют структуру и содержимое веб-страницы. Обозначаются угловыми скобками вокруг имени элемента. Содержимое, которое не находится между «<>», будет отображаться на веб-сайте. Элемент выглядит примерно так:
Элемент с угловыми скобками вокруг него образует тег (). Теги не отображаются на экране, но помогают браузеру понять, что он должен отображать. Открывающий тег отмечает начало элемента, а закрывающий тег отмечает его конец.
Содержимое между открывающим и закрывающим тэгами является содержимым элемента.
Теги могут использоваться двумя способами:
Использование тегов в паре
Парные теги содержат открывающий и закрывающий теги. Вот как они выглядят:
Здесь какой-то текст
Существует открывающий тег () и закрывающий тег (), указывающий конец абзаца. Это означает, что все, что находится между этими двумя тегами, является абзацем.
Одиночные теги используются для определения самозакрывающихся элементов, и вставки элементов, таких как изображения. Вам не нужно определять начало и конец этих элементов.
Эти элементы пишутся так:
Закрытие / (косая черта) также не является обязательным. Это то же самое, что и при записи . Однако, чтобы избежать путаницы с открывающим тегом, рекомендуется добавить / (косую черту) в конце.
Атрибуты — это элементы, которые расширяют теги дополнительной информацией. Атрибут помещается в открывающий тег, и включает имя и значение.
Тег с атрибутом будет выглядеть так:
Тег «HTML» выше имеет атрибут «lang» со значением «en-US».
Структура документа HTML
Каждый HTML-документ имеет базовую структуру, определенную с помощью следующих элементов:
DOCTYPE или DTD: Декларация типа документа указывает версию используемого HTML. Этот тег помещается в начале документа.
HTML: Пара тегов HTML определяет начало и конец документа HTML.
Раздел BODY: Этот раздел содержит основную часть страницы. Его содержимое отображается в браузере. Большая часть кода HTML-страницы находится внутри элемента body.
Кодировка: этот тег указывает кодировку, используемую в документе HTML. Кодировка указывает, как файл сохраняется, и как будут отображаться специальные символы. Общепринятым значением для этого тега является UTF-8, который позволяет отображать практически все символы языка.
Простая страница HTML
Теперь, когда мы поняли основные элементы HTML, попробуем создать базовую HTML-страницу. Давайте начнем с создания чистого текстового документа в текстовом редакторе.
Шаг 1: Первая строка добавляемого HTML-кода указывает элемент DOCTYPE как «html». Это означает, что используется последняя версия HTML.
Шаг 2: Далее мы добавляем теги начала и конца для документа html. Мы также определяем язык как английский (en).
Шаг 3: Затем мы добавляем тег заголовка с тегом Title и сведениями о наборе символов.
Шаг 4: После этого пишется тег BODY.
Шаг 5: Теперь пустой HTML-документ готов. Давайте начнем добавлять текст для отображения. Мы добавляем тег заголовка и тег
. Они определяют заголовок первого уровня и абзац под ним.
Hello World
Hello World
Простая страница HTML
Основная HTML-страница готова, и мы можем сохранить ее в папке по нашему выбору.
Просмотр страницы HTML
Чтобы просмотреть HTML-страницу, нам нужно открыть ее в браузере. Перейдите в папку, где был сохранен документ HTML, и дважды щелкните по нему.
Он откроется в браузере, и мы видим очень простую страницу. Вы можете проверить, что он показывает:
Абзац с текстом «Простая страница HTML»
Теперь, когда мы создали простую HTML-страницу, давайте посмотрим, как мы можем добавить дополнительные функции. HTML предоставляет гораздо больше функций, чем то, что мы добавили в основную HTML-страницу. Вы можете добавить цвет фона, шрифты, указать цвета шрифтов, изображения, ссылки, списки и т. д., чтобы создать красивую HTML-страницу. Давайте рассмотрим некоторые из этих дополнительных функций.
Расширенное форматирование текста
В HTML предусмотрены специальные элементы для специального форматирования текста.
Уровни заголовков можно задавать с помощью тегов — . Всего доступно 6 уровней для заголовков. Причем — это самый большой из них по размеру, — самый маленький.
Теги используются для указания начала нового абзаца. Браузер обычно добавляет одну пустую строку между двумя абзацами.
Элементы форматирования используются для отображения специальных типов текста. Текст может быть отформатирован такими тегами:
Полный список этих тегов доступен по ссылке.
Добавление ссылок
Вы можете создать гиперссылку на другую веб-страницу с помощью тега . Добавьте URL-адрес веб-страницы, используя атрибут href, как показано ниже.
Добавление изображений
Тег является одиночным тегом, без тега закрытия. Вы можете указать атрибуты изображения.
Атрибут src указывает местоположение изображения.
Атрибут style имеет много параметров, включая ширину и высоту изображения в пикселях.
Атрибут alt дает краткое описание изображения. Используется, если по какой-либо причине изображение не загружается.
Добавление заголовка
Тег < header >является новым для HTML5 и указывает самый верхний элемент веб-страницы. Заголовки обычно содержат логотип компании, контактную информацию, ссылки навигации и т. д. В одном документе может быть несколько элементов <>.
Расширенные понятия в HTML
HTML — простая технология для изучения, поэтому многие дизайнеры просто работают, имея элементарные понятия. Если вы хотите в полной мере использовать HTML, вам нужно будет ознакомиться с передовыми концепциями. Это поможет вам создать привлекательный веб-сайт с меньшими усилиями.
Учебник по HTML
Откройте Блокнот (или любой другой редактор, кроме Word`a, конечно) и напишите: Hello World!
Да, именно так — всего два слова и ничего более. Никаких там тегов и прочей премудрости.
Сохраните эти два слова в файл под названием 1.html.
Кавычек только в имени файла не ставьте.
Нажмите на него мышкой быстро два раза.
Перед вами открылся браузер (программа, с помощью которой по интернету гуляют), а в нем вверху слова: Hello World!
Не открылся? Не получается двойной клик? Нажмите на клавиатуре большую такую кнопку Enter.
Открылся? Можете гордиться — это вы написали!
.
Нажмите на файл 1.html теперь не левой, а правой кнопкой мыши. В меню, которое неизвестно откуда выпадет, выбирайте Открыть с помощью, ну и далее, конечно, Блокнот.
Можете редактировать свое произведение.
Например, накалякать что нибудь, вроде:
Здесь полно пробелов, абзацев и сумасшедших тегов. Только это все зря.
Если сохраните это безобразие под именем 2.html и откроете его в браузере (Опять не получается? О, господи, ну выбирайте его мышей, а потом нажмите на клавиатуре Enter), то увидите все ту же строгую надпись «Hello World!» в левом верхнем углу окна — и ничего больше. Ясно, что браузер игнорирует глупости: отступы, пробелы, абзацы, переносы строк и особенно непонятные, неправильные теги.
Уф, упарился! Все, урок окончен.
Вообще
Ну, ясно же, что все подробно и занудно написано в стандартах и справочниках. Здесь же полноты не будет, но понятно должно быть. Итак, долбим основы.
Откройте Блокнот и напишите:
Сохраните это в файл 3.html
Посмотрите в браузере. Что? Видите все тоже самое: Hello World!?
Застрелиться! Пишем-пишем, а все одно и тоже на экране. Небось думаете, когда же что-нибудь новенькое произойдет?
Скоро уж.
А пока вы научились писать правильный HTML-код.
Вначале файла пишется , в конце —
Head — голова, значит между и пишется заголовок файла
То, что напишите между и , будет выведено в заголовке окна браузера (вот, за который можно мышей взять и потаскать окно туда-сюда), т.е. в самом верху на синем (или какой там у вас) фоне шапки окна.
Кстати, сравните, как выглядять файлы 1.html, 2.html и 3.html в браузере. Видно, что у первых двух никакого заголовка в окне нет (кроме стандартного Internet Explorer или Mozilla FireFox, т.е. название самого браузера), а в последнем гордо реет: Hello World!, а уж потом только — Internet Explorer.
Body — это тело (боди-арт, например), значит, основная часть html-страницы живет здесь. Собственно, все, что предназначено для показа зрителям, и нужно помещать между body > и /body>.
Таблицы
Откройте Блокнот и напишите (можно, конечно, скопировать нижеприведенный код, но, думаю, лучше научиться ручками-то работать, опечатки выловить, раз десять поправить, чтобы вышло то, что требуется; а в общем, конечно, как хотите):
Hello World!
| Hello |
| World! |
Сохраните это в файл 4.html
В браузере это должно выглядеть так (серый прямоугольник вверху и в центре окна):
| Hello |
| World! |
Если выглядит иначе, категорически требую добиваться результата, до полной победы. Либо умри смертью храбрых и забудь про HTML.
Наконец-то что-то новенькое, да? Будем разбираться?
table> и /table> — начало и конец таблицы;
border — толщина линий разлиновки таблицы (если border=0 — линий совсем не видно);
align — центровка таблицы по горизонтали (возможные значения: center, left, right);
bgcolor — цвет заливки задника, фона (background) (#d9d9d9 — серый; можно и словами, например, red — красный);
tr> и /tr> — начало и конец горизонтального ряда ячеек;
td> и /td> — начало и конец одной ячейки.
Таблица состоит из ячеек, как дом из квартир. Каждая ячейка обозначается в HTML так: td>СОДЕРЖИМОЕ ЯЧЕЙКИ/td>.
Содержимое в ячейке может быть: пустота, текст, картинка, другая таблица.
Ячейки не живут по отдельности. Они, как квартиры в многоэтажке, сгрупированы в ряды (этажи). Даже, если это частный дом, у него все же есть, как минимум, один этаж.
Ряды обозначаются так:
Первый ряд: ячейка1 ячейка 2
Второй ряд: ячейка 3 ячейка 4
При верстке страницы теги можно располагать в исходнике как угодно (например, я привык — лесенкой); браузер в любом случае выведет их как положено: ряд за рядом, ячейку за ячейкой (если только все написано правильно, ничего не пропущено и нет лишнего; да и в этом случае он попытается исправить ваши огрехи; не всегда получается одинаково в разных браузерах, но это уже другая проблема).
И вот еще что. ЛЮБУЮ страницу можно сверстать в виде таблицы, у которой три ряда: шапка (крыша), основное место посредине (жилые квартиры-ячейки) и подвал (он и в Африке подвал). Почти все сайты построены по этому принципу.
Пока все ясно? Едем дальше.
Hello World!
| Hello |  |
| Hello World! | World! |
| Hello | |
| Hello World! | World! |
Но добиться этого будет нелегко.
Во-первых: в той папке, где на вашем компьютере живет 5.html (надеюсь, это не Рабочий стол?), нужно создать вложенную папку images
Во-вторых: нужно нажать правой кнопкой мыши верхнюю фотографию нашей планеты (поверх которой нет никакой надписи) и Сохранить изображение как. в только что созданную папку images
После этого, если у вас на компьютере открыть 5.html (в браузере, а не в Блокноте), можно насладиться дивной картиной, созданной вашими собственными руками.
Самое-самое главное
Ссылки
В HTML и, вообще, в Web`е нет ничего важнее ссылок. Это базис, на котором покоится всё в паутине.
- Внутренние — нажав на нее вы внутри текущей страницы перемещаетесь вверх или вниз.
Например, на этой странице, которую вы сейчас читаете, можно по внутреним ссылкам вернуться к оглавлению или из оглавления перейти к любой главе.
Вы как бы перепрыгиваете с одного куска текста на другой, но в пределах одной страницы. - Внешние — по ней вы уходите на другую страницу.
- внешняя ссылка может вести на другую страницу того же сайта (внешняя она только по отношению к странице)
- или она может увести вас вообще на другой сайт, иногда очень далекий (как по географии, так и по тематике)
Внутренние ссылки устроены, как ни странно, сложнее внешних, хотя и являются их частью.
Вдумайтесь в эту фразу. Бред, не так-ли? А ведь это чистая правда.
Начнем все-таки с внутренних:
Ссылки внутренние
- собственно, ссылка, которая в исходнике пишется так: СЮДА НАЖИМАТЬ
- якорь, который пишется так: СЮДА ПЕРЕПРЫГНУТЬ
Синтаксис нужно соблюдать, т.е. в самой ссылке после слова href вплотную пишется знак равенства, дальше сразу же — знак решетка, и опять без пробела — латинское и/или цифровое имя якоря.
Аналогично и в якоре — никаких пробелов и русских букв, иначе работать не будет.
А вот то, что написано между начальным и закрывающим тегом , совершенно неважно (пиши что хочешь, хоть ничего не пиши; часто так и делают в якоре; я все же ставлю пробел).
В самой ссылке что-то поставить нужно обязательно; иначе на что же будет нажимать пользователь страницы?
Кстати, это не обязательно должен быть короткий (1-2 слова) текст. Допускаются картинки и даже довольно большие тексты с картинками вперемежку. Хотя это, конечно, дурной тон.
Ну что, попрыгаем? Нажимай на синее подчеркнутое. Не бойся — далеко не улетишь.
здесь якорь ВЕРХ здесь ссылка ВНИЗ
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
заполнитель
здесь якорь НИЗ здесь ссылка ВВЕРХ
А вот исходный текст или, как говорят, код этого фрагмента (где прыгают вверх-вниз). Заполнитель укорочен (он вообще нужен только, чтобы создать расстояние между ссылками; без этого и прыжка никакого не получится):
br> — бээрки в конце каждой строки пишутся для перевода каретки или, попросту, перехода на новую строку. Без них в браузере весь текст вытянется в одну строку и будет переноситься только при столкновении с правой границей окна.
- как меняется адресная строка браузера (в верхней части окна, под главным меню, белая полоска с буковками) после нажатия на ссылку?
- что будет написано в строке статуса (самая нижняя полоска окна, ниже уже рамка), когда вы только подведете (еще ничего не нажимая!) курсор мыши к ссылке, в тот момент когда курсор из стрелки превратится в руку с пальцем?
Вот по внутренним ссылкам, вроде бы, и все.
Ссылки внешние
Пример в исходнике пишется так: нажимать здесь
href — это команда перейти;
7.html — это URL, т.е. адрес, куда надо перейти.
Чтобы посмотреть, как это работает, нажмите здесь
Если нажмете, увидите страничку, которая проживает по местному адресу 7.html в той же папке, что и вот этот учебник (eго имя index.html).
7.html — старший брат файла 5.html (добавился подвал, шапка и ссылки для возврата сюда).
Причем, верхняя ссылка вернет вас прямо в то место, откуда вы уходили, т.е. в середину учебника, а нижняя — к самому началу текста.
Если допрете, почему это так, поймете смысл той бредовой фразы, с которой начинается глава.
Пример пишется так: Яndex
Чтобы посмотреть, как это работает, нажми Яndex
Предупреждаю, что на Яндексе нет (пока) ссылки на наш учебник, так что возвращаться придется своим умом.
Выручит нас параметр target=_blank, который позволит страницу, указанную в href`е, открыть в новом окне.
Поэтому окно с Яндексом можно просто закрыть, учебник останется на месте.
Смысл бреда
А теперь, внимание (барабанная дробь!), открываю смысл бреда: «Внутренние ссылки устроены, как ни странно, сложнее внешних, хотя и являются их частью.»
Никаких внутренних и внешних ссылок фактически нет. Ссылка одна. Тег один.
По традиции, в квадратных скобках необязательные элементы. Как видим, почти всё здесь необязательно, но.
Но какие-то из необязательных должны присутствовать обязательно.
Или name, или href обязаны быть. Если уж есть href, то должен быть либо URL, либо номер якоря, либо и то и другое (если нет ни того, ни другого, бедный браузер взвоет). Ну и КУДА НАЖИМАТЬ, разумеется, должно быть.
Имя якоря вопросов не вызовет — ясно, что это метка внутри страницы, а вот адрес (URL) устроен сложно.
Uniform Resource Locator (URL) имеет формат: [ ПРОТОКОЛ ][ ДОМЕН | IP ][ ПУТЬ ][ ФАЙЛ ]
- ПРОТОКОЛ — не всегда http:// есть еще ftp:// и mms:// и много других, включая всякие их секретные разновидности.
- ДОМЕН | IP — здесь знак | (вертикальная палка) заменяет слово ИЛИ, т.е. на этом месте может стоять или ДОМЕН, или IP (понятия эти тесно связаны, но не всегда взаимозаменяемые; иногда на одном IP висят сотни сайтов)
- ДОМЕН — это имя сайта, например, yandex.ru
- IP — это его же, сайта (точнее сервера, где он живет) физический адрес, например: 213.180.204.11
Якорь (или метка) — это тот же тег только без хрефа, зато с именем якоря.
Он сам по себе смысла не имеет и нужен только для того, чтобы к нему прыгать по ссылке.
В этом случае ссылка в значении href`а должна иметь знак номера (#) и имя якоря.
Если это внутрення ссылка, то URL необязателен (хотя может присутствовать).
Самый-самый первый сайт
Не страничка (страничек мы с вами уже с полдюжины настрогали), а именно сайт.
Иногда говорят, что сайт — это совокупность HTML-страниц, содержащих перекрестные (туда и обратно) ссылки.
С технической точки зрения это утверждение не содержит противоречия. Но оно содержит необходимое, однако недостаточное условие существования сайта.
Например, мы с другом обменялись ссылками. Он поставил на своей страничке ссылку на мою, а я на своей — на его. Значит-ли это, что наши две странички автоматически превратились в сайт? Отнюдь.
Они ведь не связаны общей темой, да и лежат на разных серверах, возможно в разных городах или даже полушариях.
Последнее обстоятельство, кстати, мене важно, чем первое. Расположение разных частей одного и того же сайта на разных серверах для больших порталов, скорее правило, чем исключение (портал — очень большой сайт, объединяющий различные сервисы под одним брендом). Стало понятнее? Нет? Ну, что я могу поделать — потом поймете).
А вот общая мысль, тема, идея у отдельных страниц сайта обязана быть, иначе это не сайт будет, а нечто другое (название для этого нечто, вас придумать не затруднит?)
Итак, ваяем Сайт.
Сначала придумаем идею
Поскольку цель не практическая, а учебная, заморачиваться не будем — напишем сайт «Приветствие Мира на разных языках».
Сайт должен содержать несколько страниц, каждая из которых будет приветствовать Мир на своем языке.
Разумеется, с любой странички посетитель должен иметь возможность перейти на любую другую.
Вот весь последний абзац — это не что иное, как техническое задание (ТЗ) на производство сайта.
Последнее предложение в нем — требования к системе навигации (Круто звучит, не правда-ли?).
Приступим к реализации
Сначала создадим папку для нашего проекта. Я свою назову hello_world, а вы свою — как хотите.
За основу сайта возьмем файл 7.html. Скопируем в папку данный файл, одновременно переименовав его в eng.html
Откроем eng.html в Блокноте и приведем его вот в такое состояние:
English: Hello World!
Go to book (to http://nemchenko.ru/html_book)
| English |
| russich ukrainich |
| Hello World! |
| (c) Vasja Pupkin, 2006 |
Go to book (to ../html_book)
- автор текста пишет для себя (или для соавторов) комментарии к коду, чтобы потом понять, че эт он здесь такое наворотил
- автор может временно выкллючить из показа клиенту кусок текста, если он, например, глючит
rus.html
украинский
ua.html
росiйський
Если вы аккуратно отредактируете эти три файла, то начав просмотр с любого из них, вы сможете легко перейти на любой другой, воспользовавшись панелью навигации, состоящей из двух ссылок English, Русский или Украiнський (открытый в данный момент исключается)
Чтобы посмотреть, как это работает у меня, нажмите здесь.
Приплыли
Все упомянутые в этой статье примеры, необходимые картинки и саму эту статью вы можете утянуть к себе на компьютер одним архивным файлом. Скачать
Распаковать сумеете? Нет? Тогда начинайте читать этот текст сначала.
Нет, это не поможет распаковать, но если не только читать, но и делать, то что написано — у вас само все это образуется.
Источник: nemchenko.ru