12.10.09

HTML - Быстрый старт

Итак...
ШАГ 1:
Открываем наш блокнотик (чтобы открыть стандартный Блокнот windows жмем ПУСК=>ВСЕ ПРОГРАММЫ=>СТАНДАРТНЫЕ=>БЛОКНОТ)

ШАГ 2:
пишем вот такой-вот простенький код (пишем а не копируем отсюда!)




<html>
<head>
<title>
Моя первая WEB страничка!
</title>
</head>
<body>
<h1>HELLO, WORLD!</h1>
</body>
</html>





ШАГ 3:
Сохраняем документ с расширением html, а делается это так ФАЙЛ=>СОХРАНИТЬ КАК...(обязательно выбираем папку, в которой будем сохранять, желательно создать отдельную), а дальше называем как-нибудь свой документ, например, lesson1.html
Вот и все, это и есть страшное название "расширение html", то есть имяфайлаТОЧКАhtml
Затем находим свой файл и если он напоминает нам наш броузер, значит мы все сохранили правильно! (броузер - окошко через которое вы сейчас читаете этот блог ;)
Щелкаем по файлу, он должен отрыться в броузере и смотрим что получилось...



Обратите внимание на то, что отобразилось в самом верху браузера (там где "закрыть", "развернуть", "свернуть")
А теперь поcмотрите, между какими "странными буквами" в коде расположены слова "Моя первая WEB страничка"
Да првильно между
<title> и </title> - эти штуки называются "ТЕГИ"
Так вот используя эти теги, мы можем задать любое название страницы.
А между тегами <body> и </body> - располагается основное ВИДИМОЕ содержание страницы.
В теги <head> и </head> заключается содержимое НЕВИДИМОЕ (кроме НАЗВАНИЯ страницы), они являются обязательными, но о них мы поговорим чуть позже.
Внутри тегов <head> и </head> обязательными являются теги <title> и </title>, о которых упоминалось выше.
И, наконец теги <html> и </html> ОБЯЗАТЕЛЬНЫЕ КОРНЕВЫЕ ТЕГИ. Внутри них размещаются все остальные.

Что нам понадобится для того чтобы начать изучать HTML?

Что нам понадобится для того чтобы начать изучать HTML?
ТОЛЬКО БЛОКНОТ! (подойдет обычный текстовый редактор Notepad - Windows или SimpleText - Macintosh)
Для новичка эти обычные блокноты более подходят, потому что приходится быть очень внимательным...Но рекомендую также использовать блокноты с подсветкой синтаксиса, например Notepad++
Конечно же, чтобы посмотреть что мы создали нам понадобится броузер, но раз вы сейчас читаете этот блог - значит все в порядке ;)
Итак, приступим!

Что такое HTML?

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа...

Как бы мы не расписывали значение этих загадочных букв, для нас останется загадкой что же все-таки такое этот HTML? Для того чтобы это понять, нужно познакомиться с этим языком поближе, ведь все знают, чтобы выучить какой-либо язык нужно на нем говорить... Нет ; ) мы не будем говорить нам языке HTML, но мы будем писать на нем, создавать при этом классные Веб-странички, этот язык станет языком исполнения желаний... Во все времена люди искали сочетание бук, цифр, различных символов, которые бы помогли в осуществлении мечты... Но они даже представить не могли, что наступит время, когда странное сочетание букв изменит судьбы миллионов людей! Так чего же медлить?! Давайте отправимся в страну исполнения желаний! Но прежде вооружимся знаниями языка HTML! Это – основа основ, без него мы никуда не доедем, но уверяю, с ним наше путешествие будет увлекательным и веселым! Дальше перед нами откроются новые возможности, чем дальше – тем легче! Вперед!

Как создать свой сайт?