С чего начать обучение html коду


Чтобы быть уверенным вебмастером и успешно управлять сайтами, необходимы знания html и css. При этом, первый необходим, на наш взгляд, абсолютно всем владельцам своих собственных интернет ресурсов. Поэтому мы и начинаем на sitesnulya.ru серию статей посвященных этой тематике. Чуть позже выделим их в отдельную рубрику.

HTML – это язык разметки документов в среде WEB. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста. Чтобы браузер правильно отображал форматирование к примеру текста т.е. разделял его на абзацы, выделял цитаты, заголовки, списки и т.д. ему надо как-то сообщить , что мол это заголовок, а это – параграф. Этим как раз и занимается язык html.
Чтобы увидеть HTML-коды страницы в Internet, кликните правой кнопкой мыши по странице, в выпавшем меню выберите пункт — view source (или «просмотр HTML кода»).

Для начала обучению штмл коду необходимы Браузер и Блокнот(или аналогичный простой редактор).

Почему простой текстовый редактор идеально подходит для изучения HTML и CSS? Потому, что он не изменяет вводимый вами код. Так вы быстро продвинетесь, а ошибки будут только вашими, а не программными.

Возможно вы уже слышали, или даже использовали такие программы, как Microsoft FrontPage, Adobe Dreamweaver, Notepad++ которые упрощают работу с кодом. C ними тоже можно начинать обучение html коду, но лучше после некоторое первичного ознакомления с его основными элементами.

Так, к примеру, мы уже рассматривали особенности бесплатного редактора кода Notepad++ и его преимущества перед платными версиями подобных программ.

Конечно, мы не будем рассматривать абсолютно все возможные сочетания кода html, но постарались собрать только ту часть языка, которая действительно используется(из личного опыта создания сайтов), потому как более чем 40% используется очень редко.Если Вам необходима более полная информация по html, лучше купить специализированную книгу.

Самые используемые термины при написании html коде

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

Приведем пример :

<h1> Крупный заголовок </h1>
<h2> Заголовок чуть поменьше </h2>

Как вы наверное догадались тег <h1> означает заголовок первого уровня, а тег <h2> — второго уровня. В начале тег открывается, затем идет его содержимое, потом он закрывается.

К слову, заголовок первого уровня — это название статьи. А вот дальше — подзаголовки, которые помогают визуально оформить текст и придать ему более структурный и понятный вид.

Атрибут –это своего рода  дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

Приведем пример:

<h1> Крупный заголовок </h1>
<h2 align=»center»> Заголовок чуть поменьше </h2>

В теге <h2> атрибут align=»center», дополнительное описание означает выравнивание по центру, в результате чего содержимое выделенного текста выравнялось по центру ячейки. В теге <h1> атрибута align (выравнивание) нет, и поэтому выравнивание происходит по умолчанию(по левому краю).

Элемент – понятие, введенное чисто для удобства обьяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

Что еще нужно для изучения html кода? Разве что очень много желания и достаточно времени. 

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

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

  bigmir)net TOP 100  - .  E-mail: sitesnulyaru@gmail.com