HTML - Что же это такое?

ВВЕДЕНИЕ В HTML

3996605_translator11 (299x299, 61Kb)

Для начала, прежде чем приступать к изучению HTML, предлагаю определиться с тем, что же это такое, и для чего он предназначен. HTML, - расшифровывается как - Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка, и создаются интернет страницы.

HTML, - не является языком программирования. Он предназначен для разметки текстовых документов или если несколько проще, то с помощью него, мы осуществляем форматирование текста в каждом отдельно взятом документе.

3996605_HTMLGold2 (559x250, 121Kb)

И всё же, каким же образом при помощи языка HTML, мы сможем редактировать текст? HTML ( X - икс, T - ти, M - эм, L - эль )- состоит из тегов ( tags ). Каждый тег, и определяет то, каким образом будет выглядеть текст в Вашем документе, а соответственно и на страничке Вашего Блога.

Тег, - задает определенную команду Вашему браузеру (программе, с помощью которой вы просматриваете Интернет), браузер понимает эту команду и выводит на Ваш на монитор уже готовый текст, отформатированный определенным - заданным образом.

Сам код, Вам не виден, браузер, на экран Вашего монитора выводит уже готовый отформатированный текст и графику. Зная наш пытливый ум, и неуёмную любознательность, можно предположить, что у Вас уже возникло желание посмотреть - "пощупать" этот самый HTML код, и насладиться хитросплетением тегов, с помощью которых происходит форматирование текста. Допустим, если Вами используется браузер Internet Explorer, то перейдём в пункт Меню -> Вид, и из раскрывшегося списка, выбираем пункт -> Источник. И.. О, чудо.) Ассана... Воспоём хвалу... Вот он, вот же... Смотрим, и мало чего понимаем глядя на какие-то "кракозябры"... Вот Вы и увидели кодировку открытой Вами страницы.

3996605_HTMLOsnovi (454x297, 116Kb)

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

Но HTML теги, могут не только форматировать текст, с их помощью Вы сможете вставлять изображение на страницу, создавать таблицы, вставлять аудио и видео файлы, создавать ссылки и многое, многое другое...

Каждый Тег в кодировке, строго выполняет свои определенные функции, и Вам, для того чтобы научится создавать веб страницы или просто красиво и "вкусно" оформить пост, необходимо усвоить предназначение того или иного Тега. Надеюсь у меня получилось хоть немного объяснить, а не запутать Вас. ) И теперь, Вы хоть немного, но поняли, что такое HTML. Не очень переживайте, если сразу не получается понять, каким образом какая-то "закорючка", может полностью изменить картинку или текст, а то и заставит "взбеситься" браузер. В конце данного поста, будет размещен бесплатный видео урок по Введению в HTML, от Евгения Попова, возможно именно таким образом Вам будет легче воспринимать преподносимый материал. И так будет в каждом последующем посте на данную тематику.)

Приглядимся ближе к тому, что же представляет из себя этот самый присловутый - Тег.  Да, Вы можете встретить различное произношение, - Тэг и Тег, если честно, то просто не "заморачивайтесь" на этом... Многие из тех, кто со всех серьёзностью преподносит читателям данную тему, и сами, зачастую путаются в написании и произношении.) Извините, что отвлекся, так вот, если говорить о Тегах, по-нашему, по-простому, то Теги состоят из обычных английских-латинских символов и слов, только эти буквы и слова, оформлены в определенном порядке и образе.

Теги, состоят из угловых скобок, < > внутри которых размещены определенные символы. Большинство из них состоят из открывающихся и закрывающихся.

А различие между ними, лишь в том, что в закрывающем Теге, присутствует символ - слеш /. Если между открывающим изакрывающим символами, поместить любое слово,то оно будет отображаться жирным шрифтом. Все что заключено в угловые скобки, в данном случает не выводится на экран, а является командой для браузера, что слово, которое заключено между этими тегами нужно выводить жирным шрифтом.

Тегов, существует много, это не только эти две разнонаправленные скобки, и каждый из них выполняет свои определенные функции. Принцип действия Тегов, практически одинаков, на начальном этапе, можно просто создать текстовый документ у себя на рабочем столе компьютера, в который как в "шпаргалку", вписывать Теги и их назначение, так может быть удобнее. Так вот. Когда Вами запрашивается какой-либо документ из Интернет, Ваш браузер загружает HTML код, интерпретирует - "переваривает" его должным образом, и выводит на монитор уже готовый отформатированный текст, графику, таблицы и еще что-нибудь по забористей...

Для создания HTML страниц или редактирования текстового материала, можно использовать специальные программы, такие как Dreamweaver, а можно создавать страницы при помощи простого текстового редактора, который имеется в любой версии Windows. Для начала, - всё...

Вот мы и подошли к уже обещанному видео уроку от Евгения Попова, советую Вам ознакомиться с ним. Его уроки, составлены довольно внятно. Объяснения, легко усваиваются. За что ему, - Большое Спасибо.) Опыта в подобных делах ему не занимать.



Успехов Вам. До следующего поста.)



Серия сообщений "Теги HTML":
Часть 1 - Бесплатные библиотеки, огромный выбор.
Часть 2 - В помощь работе с HTML кодами (тегами)
...
Часть 29 - HTML - Вставляем в пост изображения
Часть 30 - HTML - Оформляем ссылки
Часть 31 - HTML - Что же это такое?
Часть 32 - Определяемся с Тегами
Часть 33 - Таблицы кодов HTML цветов
...
Часть 42 - Латинские буквы с диакритическими знаками - Спецсимволы
Часть 43 - Греческие Алфавит - Спецсимволы
Часть 44 - Таблица HTML - Спецсимволов (просто огромная)
Рубрики:  Советы Любознательному
Дело Техники
Free Online Services
Это, для Вас - Любимые!
OnLine приложения, для дома и офиса

0 коммент.:

Отправить комментарий

 
Copyright (c) 2012 - 2014г. by MerlinWebDesigner ©