Учебник по HTML. Учебник html для начинающих. Версия для печати раздела "Учебник html"
 Скачать 1.59 Mb.
|
|
© Семикопенко Алексей Алексеевич | www.webremeslo.ru 1 Учебник HTML для начинающих. Версия для печати раздела "Учебник HTML" сайта Введение Этот учебник целиком и полностью посвящён языку HTML, без знаний которого не обойтись в создании какой либо веб-страницы. HTML язык - это основа, база которую просто таки необходимо знать любому начинающему веб-мастеру! Этот язык, сам по себе (в чистом виде, достаточно простой, думаю его с легкостью может освоить любой "продвинутый" шестиклассник. в тоже время он позволяет самостоятельно создавать полноценные страницы и сайты. Рассчитан этот HTML учебник для начинающих "с нуля" людей, которые только только решили освоить веб-ремесло, поэтому старался писать его как можно более развернуто и что называется "доходчиво, в тоже время стараясь охватить весь курс до мелочей, так что может быть и опытный веб-мастер найдет в нём для себя что-то новое или будет использовать его в качестве "шпаргалки, изложенной в прилагаемом справочнике тегов (http://www.webremeslo.ru/spravka/spravka.html). Где нет "воды" и нудноватого для уже опытного человека "разжёвывания" материала. Ну и сразу к делу. начнем с классики. Откройте блокнот, да да, тот самый блокнот. Пуск Стандартные Блокнот и напишите в нем следующий текст Привет мир Меня зовут (здесь впишите Ваше имя, это моя первая страничка © Семикопенко Алексей Алексеевич | www.webremeslo.ru 2 Глава 1 Что такое HTML языки с чем его едят. Начну, пожалуй, сначала язык по своей сути не является языком программирования. он является языком разметки гипертекстовых документов. Иными словами он отвечает за расположение в документе Ваших текстов, рисунков, таблиц. предназначенных для жизни в сети Интернет. Заставить его посчитать, сколько будет дважды два невозможно, в нем нет логических функций, зато красиво и главное легко выложить информацию о том, что дважды два будет четыре - это запросто. Читается этот язык при помощи знакомых Вам программ, именуемых браузерами обозревателями, которые "знают" стандартные команды html языка, и "пережевывая" их выводят на монитор компьютера документы в том виде, в котором хочет представить их веб мастер - составитель документа. Теперь о командах - их называют дескрипторами, но чаще - тегами. Вернемся к нашей первой страничке. итак мы написали Привет мир!!! Меня зовут Карлсон, это моя первая страничка - тело" документа все, что написано ниже выставляем на всеобщее обозрение Привет мир - как мило Достали уже - переносим текст наследующую строчку. я даже догадываюсь, что в ней будет... Меня зовут (здесь Ваше имя, это моя первая страничка - ну да таки есть. ничего © Семикопенко Алексей Алексеевич | www.webremeslo.ru 3 пооригинальнее придумать не могут- начало тела © Семикопенко Алексей Алексеевич | www.webremeslo.ru 4 Ну вот мы научились писать простой текст, начало положено в следующей главе я расскажу о том, что с ним можно сделать. Полезные советы При написании сайта создайте папку в любом удобном месте на Вашем жёстком диске, называйте как угодно, лишь бы понятно было. в эту папку сохраняете Ваши странички, присваивая им осмысленные имена. варианты типа ааа.html, 123.html приведут к беспорядку и путанице На данном этапе этот совет не покажется дельным, нов дальнейшем это значительно облегчит Ваш труд. Представьте к примеру хотя бы 20-30 таких файлов названия которых нужно держать в голове, чтобы связать их перекрёстными ссылками. Порядок, прежде всего При написании кода советую придерживаться "хорошей манере письма, то есть писать теги "лесенкой" по мере вложенности одного тега в другой. Со временем Вы поймете, что читать код написанный вот так Привет мир!!! Меня зовут Карлсон, это моя первая страничка! Привет мир Меня зовут Карлсон, это моя первая страничка! Привет мир!!! Меня зовут Карлсон, это моя первая страничка © Семикопенко Алексей Алексеевич | www.webremeslo.ru 5 Глава 2 Редактируем текст на своей странице. Вы наверняка не раз печатали документы в текстовых редакторах, так вот. что можно сделать с текстом в том же Word, тоже можно сделать и с текстом на нашей страничке. В этой главе я расскажу о том, как изменить шрифт и его размер, как сделать текст жирным, курсивом, подчёркнутым и о том как его выравнивать по краям или центру документа. Параграф. Я думаю, Вызнаете, что такое параграф. это такой кусочек текста, одно или несколько предложений, который в книгах обычно печатается с новой строки, тем самым, выделяя этот текст из основной массы, Книгу разбитую на параграфы легко читать, потому что, как правило, одному параграфу соответствует одна мысль или логическая часть текста. Так вот, для того чтобы на странице сайта разбить текст на параграфы, необходимо воспользоваться тегом - собственно параграф. Параграф имеет атрибут align выравнивание" который в свою очередь может быть равен тому ли иному значению. Рассмотрим на примерах С помощью параграфа можно расположить наш текст по центру Привет мир Полевому краю Привет мир По правому краю Привет мир Или же обоим краям документа Привет мир - здесь нужен текст подлиней чтобы эффект был хорошо виден при открытии документа Давайте слегка изменим нашу первую страничку Привет мир Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам Я очень очень сильно люблю вареньё!!! С нетерпеньем буду ждать Вашего © Семикопенко Алексей Алексеевич | www.webremeslo.ru 6 приглашения на чай. Прилечу © Семикопенко Алексей Алексеевич | www.webremeslo.ru 7 |