Уроки HTML - Введение

Здравствуйте :)

Как вы поняли, речь пойдёт о такой технологии разработки веб-страниц как HTML.

Эта технология представляет из себя создание обыкновенных статических страниц, которые используются везде, их вы видите каждый день в интернете, например пользуясь вашей любимой социальной сетью.

Технология создания статических страниц используеться повсюду, без неё не возможно было бы зделать всё то, что все мы видим выходя в интернет.

Как-раз потому, что число людей использующих глобальную сеть безпрерывно растёт (прямо на глазах), было решено добавить технологии оформления и динамического взаимодействия клиент-сервер.

Не будь тех людей которые это придумали, вы бы сейчас читали обычный форматированый текст, отлечающийся от книги разве-что тем, что в нём нет иллюстраций :)

Изначально так и было - HTML создавался для обычного форматирования текста (выделения абзацов, параграфов, выравнивания текста), теперь же HTML имеет намного больше возможностей, а с выходом версии HTML5 он стал динамическим языком и научился взаимодействовать с сервером на повышеном уровне, также повышен уровень поддержки мультимедиа-технологий и еще много другого, вообщем можно сказать язык перестал соответствовать своему названию, но изменился в лучшую сторону.

Вообщем обо-всех вышеперечисленных технологиях мы поговорим в других моих учебниках, которые я напишу со временем, а пока вернёмся к HTML.

Историю создания и развития HTML я не буду затрагивать в этом учебнике, эту информацию вы можете прочитать в Википедии.

Но перед тем как вы начнёте изучать этот простой язык и все его тонкости, подумайте, нужно ли это вам? Ведь когда вы изучите этот язык — вам нужно будет двигаться ожнее.

Так что если вы решили побаловаться, то долго здесь не задерживайтесь, ибо программирование нуждаеться только в серьёзных людях, ну, а если вы зашли сюда с серьёзными намерениями добыть себе знания, чтобы стать неотьемлемой частью IT, то вы молодец и... вперёд к подвигам! :) уверен у вас всё получиться, главное быть терпеливым и стремительным ну и конечно чтобы это желание не пропало до окончания обучения и несло вас по жизни на своих крыльях!

А если же у вас что-то не получаеться или вы чего-то не понимаете, то наше сообщество с радостью вам поможет, в нашем коллективе обитают только добрые и отзывчивые люди, так что не бойтесь к нам обратиться, пожелаю вам чтобы этого и не пришлось делать, чтобы вы сами всё понимали, уроки буду стараться разжевывать и подавать на блюдечке :)

Итак если вы еще не ушли отсюда, то наверное всё таки решили серьёзно заняться изучением HTML? Ну что поехали?

Давайте проясним что же такое HTML.

HTML (Эйч-Ти-Эм-Эл) разшифровываеться как HyperText Mark-up Language, что в переводе значит Язык ГиперТекстовой Разметки.

Как говорилось выше, HTML был создан для разметки текста, т.е. выделения абзацов, параграфов и выравнивания текста. В версии 4.01 (которую мы кстати и проходим в этом курсе) появилось намного больше возможностей, которые в отдельности позволяют:

  • создавать блочные елементы;
  • подключать разные модули (разные клиент-скрипты, таблицы оформления);
  • использовать специальные елементы для взаимодействия с поиисковыми системами (в личности с поисковыми ботами). Хотя сейчас они редко используются, они еще пригодны для использования;
  • частично оформлять текст (задание цвета, заднего фона, делать его перечёркнутым, подчёркнутым и надчёркнутым);
  • задание цвета фона всей страницы;
  • вставку изображений... и многие другие.

Всё же не будем перечислять всех возможностей, а перейдём непосредственно к их изучению.

По сути сам HTML без CSS не эффективен.

CSS разшифровываеться как Cascading Style Sheets, что в переводе значит — Каскадные Таблицы Стилей, это язык оформления, о нём пойдет реч в Уроках по CSS.

Для изучения нам понадобиться текстовый редактор, и браузер. Редактор нам подойдёт любой, например что-то вроде Word или AkelPad, однако я советую использовать Notepad++, он идеально подходит для написания кода, так как в нём есть подсветка синтаксиса и много других функций, что хорошо повлияет на изучение материала новичками.

Подсветка синтаксиса помогает визуально проще воспринять код и разобраться где-что лежит (кстати все проффесиональные веб-разработчики пользуются подсветкой синтаксиса). Также в нём есть возможность выбора кодировки файла, всегда советую использовать utf-8. Скачать его можно с официального сайта - http://notepad-plus-plus.org.

Насчет браузера скажу одно: никогда не используйте Internet Explorer. Он может искажать написанный вами код и приводит к разстройству нервной системы, со словами "Почему не получаеться??? Я ведь всё зделал правильно!", что конкретно отбивает желание учиться дальше. Хотя IE и подходит для каких-то маленьких учебных страниц, так-как он очень медленный и долго загружает страницы, я уже не говорю о том как он долго открываеться.

И напоследок 3 основные термина которые необходимо запомнить в ходе изучения HTML (последние два используються практически в каждом языке программирования):

  1. Элемент – понятие, введенное чисто для удобства обьяснения.
  2. Тег - оформленная единица HTML-кода.Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.
  3. Атрибут – это своего рода дополнительная информация, параметр.Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

Например:

<h1 align="center">Этот текст будет по центру</h1>

Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>.

Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется его влияние.

На этом всё. Встретимся в следующем уроке, удачи!

Пожаловаться Подписаться
1 ответ
vladymyr90

<h1 align="center">Этот текст будет по центру</h1>

авторизуйтесь чтобы ответить