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

Основа основ – HTML

Основы_HTML

В первой тематической записи своего блога я хочу поговорить о технологии HTML, по-настоящему базовой для Интернет.

HTML. Как много в этом звуке.

Именно с языка гипертекстовой разметки (hypertext markup language) начинался путь от скучных текстовых страниц к тому буйству красок и дизайнерских изысков, которое мы привыкли видеть в окне нашего браузера.

Щелкните правой кнопкой мыши в любом месте этой странице. Видите  команду “Исходный код страниц”? Возможно, у вас она называется чуть иначе.

Клик мышки по этой команде, и перед вами изнанка моего блога.

Видите странные заклинания в угловатых скобочках? Это и есть HTML-разметка. Да, неподготовленному человеку понять что к чему попросту невозможно.

Возьмем пример попроще.

Вот здесь расположена специально созданная мной учебная веб-страница. Посмотрите ее исходный код. Его по крайней мере меньше, согласны? :) Давайте попробуем в нем разобраться.

Основа HTML-разметки – тэг. Ключевое слово, невидимое конечному пользователю веб-страницы, но определяющее, как будет выглядеть или вести себя тот или иной фрагмент текста. Тэги легко узнать по острым скобкам – < >.

Любая веб-страница состоит из двух основных частей – “голова” (head) и “тело” (body). Видите тэги <head> и <body> в исходном коде тренировочной страницы? В “голове” содержится служебная информация вроде названия веб-страницы, а в “теле” – содержимое (контент) веб-страницы, предназначенное для пользователя.

Кстати, тэги бывают контейнерными и одинарными. Контейнерные состоят из открывающей и закрывающей части и заключают в себя фрагмент текста, на который распространяется их действие. Посмотрите в код тренировочной страницы. Например, тэг b и его закрывающая часть /b выделяет слово “тренировочная” более жирным шрифтом, а тэги <head></head> и <body></body> ограничивают два главных раздела веб-страницы.

Еще один пример контейнерного тэга – H1. Этот тэг позволяет превратить часть текста в выделяющийся заголовок.

Тэг Р заставляет браузер воспринимать фрагмент текста как абзац, а тэг BR позволяет перевести строку, не начиная нового абзаца. Это важно, т.к. обычные нажатия Enter в исходном коде веб-страницы браузер игнорируетво время показа веб-страницы пользователю.

Гипертекст отличается от обычного текста именно наличием ссылок. За ссылки в HTML-разметке отвечает тэг <a>. Посмотрите на его анатомию: параметр href определяет куда именно перенесет пользователя данная ссылка.

Ну что, кое-что проясняется?

Разумеется, прочитав один пост блога, пусть даже самого замечательного :) , HTML не выучить. Но в сети Интернет бесчисленное множество обучающих ресурсов, подробно рассказывающих о всех нюансах этой технологии. Главное, запомните: если вы работаете в сети, от HTML вам не уйти! :)

Слова “бесчисленное множество обучающих ресурсов” вовсе не предполагает, что все эти ресурсы одинаково хороши. Обучающий ресурс должен содержать полную информацию, изложенную максимально доступно, и помогать вам освоить тему как можно быстрее. В этом заключается преподавательское искусство.

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

С уважением, Оружейник

Ваша оценка статьи:

Ух ты! А тут еще есть:

Комментариев: 8

  1. Прикольно! хорошая тема сайта, ты тока начал проходить обучение да в школе!

  2. Интересный у Вас блог. Узнал много нового. Благодарю за контент

  3. Хорошая статья, спасибо за инфоормацию.Я в этой теме новичок и для меня это большая помощь.

  4. Еще стоило сказать про CSS и JS, без которых сегодня никуда.

  5. Вот за флэш браться не стоит. Он умирает

  6. Ваш сайт мне помогает узнавать новое. Все очень доступно. Спасибо.

  7. Полюбил HTML с детских лет)спасибо за интересную статью, удачи с вашим проектом, но у меня к сожалению нет времени заниматься сторонними делами)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Пожалуйста, скопируйте этот пароль:

И вставьте его сюда (антиспам):

Кстати...

А у тебя есть бесплатная подписка на "Вестник Оружейной"?


Я буду рассказывать тебе
обо всех новостях.

Или так:

Твой e-mail: