с чем его едят.. Полезные советы Редактируем текст Рисунки Таблицы Ссылки И ещё… Фреймы Навигационные карты Списки Meta теги Заголовок <!DOCTYPE> И снова таблицы.. Фоновая музыка Текст - логика и физика Учебник CSS Учебник CSS 3 Публикация сайта Раскрутка сайта Справочник Уроки Форум Новости От автора Сначала Катя искала мужа через Интернет, потом через Интерпол.. Г лава 1 Что такое HTML язык и с чем его едят.. Н ачну, пожалуй, с начала.. H TML язык по своей сути не является языком программирования.. он является языком разметки гипертекстовых документов. Иными словами он отвечает за расположение в документе Ваших текстов, рисунков, таблиц.. предназначенных для жизни в сети Интернет. Заставить его посчитать, сколько будет дважды два невозможно, в нем нет логических функций, зато красиво и главное легко выложить информацию о том, что дважды два будет четыре - это запросто. Читается этот язык при помощи знакомых Вам программ, именуемых браузерами (обозревателями), которые "знают" стандартные команды html языка, и "пережевывая" их выводят на монитор компьютера документы в том виде, в котором хочет представить их веб мастер - составитель документа. Т еперь о командах - их называют дескрипторами, но чаще - тегами. В ернемся к нашей первой страничке.. итак мы написали: <html> <head> <title>Моя первая страничка</title> </head> <body> Привет мир!!! <br> Меня зовут Карлсон, это моя первая страничка! </body> </html> смотреть пример Т ак вот то что написано между <…> - называют тегами они не видны читателю, заглянувшему на Вашу страницу, зато хорошо видны браузеру, который наткнувшись на тег <html> понимает его как сигнал к тому, что далее будет документ, который необходимо прочитать и вывести на монитор в нужном виде.. а вот тег </html> говорит о том что документ закончился и от него, то бишь браузера, больше ничего не требуется и он может отдыхать с чистой совестью. Т ак что же мы написали? и как это читает браузер? Мысли браузера: <html> - начало документа.. опять работы привалило.. <head> - смотрим словарик английского переводим "голова" …в голове моей опилки не беда!! ... здесь указывается основная служебная информация о документе.. ну и что они там от меня хотят? <title> - "название" значит.. это в шапке окна нужно написать его название: Моя первая страничка - опять чайник тренируется.. </title> - все название закончилось.. можно идти дальше.. </head> - ага и в голове кроме названия больше никаких вздорных мыслей не держим.. <body> - "тело" документа всё что написано ниже выставляем на всеобщее обозрение Привет мир!!! - как мило! Достали уже!!! <br> - переносим текст на следующую строчку.. я даже догадываюсь что в ней будет... Меня зовут (здесь Ваше имя), это моя первая страничка! - ну да так и есть.. ничего пооригинальнее придумать не могут.. </body> - что всё что ли? Больше ничего не отображать? </html> - ну вот и конец!! Не будить, не кантовать, при пожаре выносить первым!! В от так примерно и происходит чтение нашей странички.. Как видите браузер довольно своенравный тип, поэтому команды ему нужно подавать чёткие и ясные, иначе он разругается.. причем в слух.. а по сему запомним следующие вещи: 1) Необходимо раз и навсегда запомнить что если есть открывающий тег <…> то обязательно должен быть и закрывающий </…> Х отя есть и исключения как например у нас тег <br> - он закрытия не требует потому что говорит лишь о том, что следует писать с новой строки. Кстати попробуйте добавить еще пару тройку таких же перед строчкой "Меня зовут.." и Вы увидите, что в результате она заметно опустилась вниз.. (Ну естественно в блокноте сохраните изменения, а в браузере нажмите кнопку "обновить") 2) Все документы должны иметь вот такой шаблон кода: <html> - начало документа <head> - начало головы </head> - закрытие головы <body> - начало тела </body> - закрытие тела </html> - конец документа Д анные теги являются обязательными! Писать их необходимо всегда для каждой новой странички, и только в таком порядке! Не пытайтесь перевернуть всё с ног на голову.. 3) О порядке: О ткрывающий и закрывающий тег по типу <…> </…> представляет собой своего рода ёмкость, ящик в который могут складываться другие теги - ящички поменьше.. следовательно, согласно логики документ должен выглядеть так: <Тег "большой ящик"> <Тег "ящик средний"> <Тег "ящик маленький"> содержание </Тег "ящик маленький" > </Тег "ящик средний" > </Тег "большой ящик"> Если писать, например, так: <Тег "большой ящик"> <Тег "ящик средний"> <Тег "ящик маленький"> содержание </Тег "большой ящик"> </Тег "ящик маленький"> </Тег "ящик средний"> Т о получится белиберда, которая в голове не укладывается, "большой" уже закрыт, а из него "торчит" "маленький", который заперт в "среднем", а "содержание" рассыпалось везде.. Такое даже человеку трудно представить, что уж там про браузер говорить.. Чётко структурируйте код Вашей странички иначе ничего работать не будет.. Н у вот мы научились писать простой текст, начало положено! в следующей главе я расскажу о том, что с ним можно сделать.. Полезные советы: П ри написании сайта создайте папку в любом удобном месте на Вашем жёстком диске, называйте как угодно, лишь бы понятно было.. в эту папку сохраняете Ваши странички, присваивая им осмысленные имена.. варианты типа ааа.html, 123.html приведут к беспорядку и путанице… На данном этапе этот совет не покажется дельным, но в дальнейшем это значительно облегчит Ваш труд. Представьте к примеру хотя бы 20-30 таких файлов названия которых нужно держать в голове, чтобы связать их перекрёстными ссылками. Порядок, прежде всего! П ри написании кода советую придерживаться "хорошей манере письма", то есть писать теги "лесенкой" по мере вложенности одного тега в другой. Со временем Вы поймёте что читать код написанный вот так: <html> <head> <title>Моя первая страничка</title> </head> <body> Привет мир!!! <br> Меня зовут Карлсон, это моя первая страничка! </body> </html> З начительно легче, чем так: <html> <head> <title>Моя первая страничка</ title> </head> <body> Привет мир!!! <br> Меня зовут Карлсон, это моя первая страничка! </body> </html> И уж тем более чем вот так: <html><head><title>Моя первая страничка</title></ head><body>Привет мир!!! <br>Меня зовут Карлсон, это моя первая страничка!</body></html> Х оть это и дело привычки.. всё же лучше привыкнуть писать "разборчиво".
все об интернете.
:Ирина герасимова
Что такое HTML язык и
с чем его едят..
Полезные советы
Редактируем текст
Рисунки
Таблицы
Ссылки
И ещё…
Фреймы
Навигационные карты
Списки
Meta теги
Заголовок <!DOCTYPE>
И снова таблицы..
Фоновая музыка
Текст - логика и физика
Учебник CSS
Учебник CSS 3
Публикация сайта
Раскрутка сайта
Справочник
Уроки
Форум
Новости
От автора
Сначала Катя искала
мужа через Интернет,
потом через Интерпол..
Г лава 1
Что такое HTML язык и
с чем его едят..
Н ачну, пожалуй, с начала..
H TML язык по своей сути не
является языком
программирования.. он является
языком разметки гипертекстовых
документов. Иными словами он
отвечает за расположение в
документе Ваших текстов, рисунков,
таблиц.. предназначенных для
жизни в сети Интернет. Заставить
его посчитать, сколько будет
дважды два невозможно, в нем нет
логических функций, зато красиво и
главное легко выложить
информацию о том, что дважды два
будет четыре - это запросто.
Читается этот язык при помощи
знакомых Вам программ,
именуемых браузерами
(обозревателями), которые "знают"
стандартные команды html языка, и
"пережевывая" их выводят на
монитор компьютера документы в
том виде, в котором хочет
представить их веб мастер -
составитель документа.
Т еперь о командах - их называют
дескрипторами, но чаще - тегами.
В ернемся к нашей первой
страничке.. итак мы написали:
<html>
<head>
<title>Моя первая
страничка</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут Карлсон, это моя
первая страничка!
</body>
</html>
смотреть пример
Т ак вот то что написано между
<…> - называют тегами они не
видны читателю, заглянувшему на
Вашу страницу, зато хорошо видны
браузеру, который наткнувшись на
тег <html> понимает его как
сигнал к тому, что далее будет
документ, который необходимо
прочитать и вывести на монитор в
нужном виде.. а вот тег </html>
говорит о том что документ
закончился и от него, то бишь
браузера, больше ничего не
требуется и он может отдыхать с
чистой совестью.
Т ак что же мы написали? и как
это читает браузер?
Мысли браузера:
<html> - начало документа.. опять
работы привалило..
<head> - смотрим словарик
английского переводим "голова" …в
голове моей опилки не беда!! ...
здесь указывается основная
служебная информация о
документе.. ну и что они там от
меня хотят?
<title> - "название" значит.. это в
шапке окна нужно написать его
название:
Моя первая страничка - опять
чайник тренируется..
</title> - все название
закончилось.. можно идти дальше..
</head> - ага и в голове кроме
названия больше никаких вздорных
мыслей не держим..
<body> - "тело" документа всё что
написано ниже выставляем на
всеобщее обозрение
Привет мир!!! - как мило! Достали
уже!!!
<br> - переносим текст на
следующую строчку.. я даже
догадываюсь что в ней будет...
Меня зовут (здесь Ваше имя),
это моя первая страничка! - ну да
так и есть.. ничего пооригинальнее
придумать не могут..
</body> - что всё что ли? Больше
ничего не отображать?
</html> - ну вот и конец!! Не
будить, не кантовать, при пожаре
выносить первым!!
В от так примерно и происходит
чтение нашей странички.. Как
видите браузер довольно
своенравный тип, поэтому команды
ему нужно подавать чёткие и
ясные, иначе он разругается..
причем в слух.. а по сему
запомним следующие вещи:
1) Необходимо раз и навсегда
запомнить что если есть
открывающий тег <…> то
обязательно должен быть и
закрывающий </…>
Х отя есть и исключения как
например у нас тег <br> - он
закрытия не требует потому что
говорит лишь о том, что следует
писать с новой строки. Кстати
попробуйте добавить еще пару
тройку таких же перед строчкой
"Меня зовут.." и Вы увидите, что в
результате она заметно опустилась
вниз.. (Ну естественно в блокноте
сохраните изменения, а в браузере
нажмите кнопку "обновить")
2) Все документы должны иметь
вот такой шаблон кода:
<html> - начало документа
<head> - начало головы
</head> - закрытие головы
<body> - начало тела
</body> - закрытие тела
</html> - конец документа
Д анные теги являются
обязательными! Писать их
необходимо всегда для каждой
новой странички, и только в таком
порядке! Не пытайтесь перевернуть
всё с ног на голову..
3) О порядке:
О ткрывающий и закрывающий
тег по типу <…> </…> представляет
собой своего рода ёмкость, ящик в
который могут складываться другие
теги - ящички поменьше..
следовательно, согласно логики
документ должен выглядеть так:
<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
содержание
</Тег "ящик маленький" >
</Тег "ящик средний" >
</Тег "большой ящик">
Если писать, например, так:
<Тег "большой ящик">
<Тег "ящик средний">
<Тег "ящик маленький">
содержание
</Тег "большой ящик">
</Тег "ящик маленький">
</Тег "ящик средний">
Т о получится белиберда, которая
в голове не укладывается,
"большой" уже закрыт, а из него
"торчит" "маленький", который
заперт в "среднем", а "содержание"
рассыпалось везде.. Такое даже
человеку трудно представить, что
уж там про браузер говорить..
Чётко структурируйте код Вашей
странички иначе ничего работать
не будет..
Н у вот мы научились писать
простой текст, начало положено! в
следующей главе я расскажу о том,
что с ним можно сделать..
Полезные советы:
П ри написании сайта создайте
папку в любом удобном месте на
Вашем жёстком диске, называйте
как угодно, лишь бы понятно было..
в эту папку сохраняете Ваши
странички, присваивая им
осмысленные имена.. варианты
типа ааа.html, 123.html приведут к
беспорядку и путанице… На данном
этапе этот совет не покажется
дельным, но в дальнейшем это
значительно облегчит Ваш труд.
Представьте к примеру хотя бы
20-30 таких файлов названия
которых нужно держать в голове,
чтобы связать их перекрёстными
ссылками. Порядок, прежде всего!
П ри написании кода советую
придерживаться "хорошей манере
письма", то есть писать теги
"лесенкой" по мере вложенности
одного тега в другой. Со временем
Вы поймёте что читать код
написанный вот так:
<html>
<head>
<title>Моя первая
страничка</title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут Карлсон, это
моя первая страничка!
</body>
</html>
З начительно легче, чем так:
<html>
<head>
<title>Моя первая страничка</
title>
</head>
<body>
Привет мир!!!
<br>
Меня зовут Карлсон, это моя первая
страничка!
</body>
</html>
И уж тем более чем вот так:
<html><head><title>Моя первая
страничка</title></
head><body>Привет мир!!!
<br>Меня зовут Карлсон, это моя
первая страничка!</body></html>
Х оть это и дело привычки.. всё
же лучше привыкнуть писать
"разборчиво".