F
Fancb
Здесь, по шагам, мы начнем осваивать создание своей странички/сайта.
Многие из вас хотели бы уметь делать хотя бы простенькие сайты, но представления не имеют "откуда ноги растут". Эта тема призвана помочь вам сделать первый шажок в освоении по-своему интересной темы. Безусловно, она очень и очень может пригодится любому из вас в будущем.
Итак, начнем.
Любой сайт состоит из страниц. В данном примере мы будем рассматривать одну единственную страницу, которую, собственно говоря, и будем создавать.
Перво-наперво, что необходимо усвоить, так сказать впитать с молоком ЛЮБОМУ кодеру - это тот факт, что, если вы хотите чтобы страница отображалась корректно, то есть так, как вы задумали, необходимо самой первой строкой указывать так называемый ДОКТАЙП!
А вот собственно говоря и строка кода с ним:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Мы не будем обсуждать другие варианты. Для нас имеет смысл только это представление документа браузеру.
вы должны на ОТЛИЧНО усвоить это обязательное правило, как и многое другое из того, что я буду постепенно тут выкладывать.
Итак, мы сказали браузеру, что из себя будет представлять наш документ и теперь он готов кушать то, что мы ему будем подавать.
А подадим мы ему вот что: <HTML> - таким образом мы объявляем браузеру о начале документа. Далее следует <HEAD> и сразу за ним <title>. Что представляют из себя эти два новых объявления именуемые тегами (теги). <HEAD> есть ничто иное, как заголовок документа, однако сейчас мы не будем подробно на нем останавливаться, в реальности он понадобится нам несколько позже. Для вас же ВАЖНО принять обязательность использования данного тега в документе. Зато <title> нам пригодится уже сейчас.
Посмотрите внимательно на то, что написано в браузере на самом верху (так скажем на верхней синей полоске), например, когда вы на странице YANDEX.RU. Там написано Яndex. Воспользовавшись тегом <title> мы с вами сможем разместить там все, что душе угодно, например: "МИГРАЦИЯ СУСЛИКОВ В СЕВЕРНУЮ КАНАДУ". Написав эту чудесную фразу мы с вами ОБЯЗАНЫ сказать браузеру, точнее его обработчику HTML-кода, что объявленный тег - его функция, окончен. Делается это простым способом. К тегу добавляется слеш: "/" и выглядит это вот так: </title>. По умолчанию, по факту закрытия <title> мы сразу же скажем браузеру о том, что и тег <HEAD> у нас также окончился и сам документ <HTML>. В итоге у нас получается следующая конструкция:
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title></head>
</HTML>
Не будем задерживаться, не будем, помчимся дальше.
В жизни кодера часто происходят казусы и многие из них связаны с тем, что разные браузеры, вы, наверно, и сами это уже замечали, отображают несколько по-разному то, что он "хочет показать миру". Так вот сейчас мы с вами на корню решим данную проблему.
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title>
<STYLE>
body { margin: 0;
padding: 0;
}
</STYLE>
</HEAD>
<BODY border="0", bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
Отступы от края окна браузера до контента убиты. Теперь у нас все буит ОК :0)
</BODY>
</HTML>
Теперь нам, наверное, имело бы смысл сказать всему миру, что это у нас за ресурс и кто его создатель/обладатель?! :0) Давайте так и поступим.
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title>
<STYLE>
body { margin: 0;
padding: 0;
}
</STYLE>
</HEAD>
<BODY border="0", bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0"
Многие из вас хотели бы уметь делать хотя бы простенькие сайты, но представления не имеют "откуда ноги растут". Эта тема призвана помочь вам сделать первый шажок в освоении по-своему интересной темы. Безусловно, она очень и очень может пригодится любому из вас в будущем.
Итак, начнем.
Любой сайт состоит из страниц. В данном примере мы будем рассматривать одну единственную страницу, которую, собственно говоря, и будем создавать.
Перво-наперво, что необходимо усвоить, так сказать впитать с молоком ЛЮБОМУ кодеру - это тот факт, что, если вы хотите чтобы страница отображалась корректно, то есть так, как вы задумали, необходимо самой первой строкой указывать так называемый ДОКТАЙП!
А вот собственно говоря и строка кода с ним:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Мы не будем обсуждать другие варианты. Для нас имеет смысл только это представление документа браузеру.
вы должны на ОТЛИЧНО усвоить это обязательное правило, как и многое другое из того, что я буду постепенно тут выкладывать.
Итак, мы сказали браузеру, что из себя будет представлять наш документ и теперь он готов кушать то, что мы ему будем подавать.
А подадим мы ему вот что: <HTML> - таким образом мы объявляем браузеру о начале документа. Далее следует <HEAD> и сразу за ним <title>. Что представляют из себя эти два новых объявления именуемые тегами (теги). <HEAD> есть ничто иное, как заголовок документа, однако сейчас мы не будем подробно на нем останавливаться, в реальности он понадобится нам несколько позже. Для вас же ВАЖНО принять обязательность использования данного тега в документе. Зато <title> нам пригодится уже сейчас.
Посмотрите внимательно на то, что написано в браузере на самом верху (так скажем на верхней синей полоске), например, когда вы на странице YANDEX.RU. Там написано Яndex. Воспользовавшись тегом <title> мы с вами сможем разместить там все, что душе угодно, например: "МИГРАЦИЯ СУСЛИКОВ В СЕВЕРНУЮ КАНАДУ". Написав эту чудесную фразу мы с вами ОБЯЗАНЫ сказать браузеру, точнее его обработчику HTML-кода, что объявленный тег - его функция, окончен. Делается это простым способом. К тегу добавляется слеш: "/" и выглядит это вот так: </title>. По умолчанию, по факту закрытия <title> мы сразу же скажем браузеру о том, что и тег <HEAD> у нас также окончился и сам документ <HTML>. В итоге у нас получается следующая конструкция:
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title></head>
</HTML>
Не будем задерживаться, не будем, помчимся дальше.
В жизни кодера часто происходят казусы и многие из них связаны с тем, что разные браузеры, вы, наверно, и сами это уже замечали, отображают несколько по-разному то, что он "хочет показать миру". Так вот сейчас мы с вами на корню решим данную проблему.
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title>
<STYLE>
body { margin: 0;
padding: 0;
}
</STYLE>
</HEAD>
<BODY border="0", bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0" marginwidth="0" marginheight="0">
Отступы от края окна браузера до контента убиты. Теперь у нас все буит ОК :0)
</BODY>
</HTML>
Теперь нам, наверное, имело бы смысл сказать всему миру, что это у нас за ресурс и кто его создатель/обладатель?! :0) Давайте так и поступим.
<HTML>
<HEAD><title>Миграция сусликов в Северную Канаду</title>
<STYLE>
body { margin: 0;
padding: 0;
}
</STYLE>
</HEAD>
<BODY border="0", bottommargin="0" leftmargin="0" topmargin="0" rightmargin="0"