Войти
s-lub » Учебники » HTML » Введение и основы HTML

Введение и основы HTML

Введение и основы HTML

HTML – это язык разметки WEB документов, и неоходим он что бы браузеры корректно отображаи сайты на экране монитора. Разметка позволяет веделить абзацы, цитаты, заголовки, списки и другие элементы сайта.

Посмотреть HTML код можно у любого сайта, эля этого просто счёлкните правой кнопкой мышки по любому месту сайта и нажмите «посмотреть исходный код».

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

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

В статьях мы постараемся разобрать все основные элементы используемые в сайтостроении.

Ну и начнём мы самого необходимого:

ТЕГ

Тег – является единицей HTML кода, название тега всегда закрывается скобками <html >, так же должен быть закрывающий тег </html >.

Какие теги бывают мы рассмотрим в следующих статьях, а пока примеры их написания:

<h1> Крупный заголовок </h1>
<h2> Заголовок чуть поменьше </h2>
<h3> Заголовок ещё меньше </h3>
<h6> Совсем маленький заголовок </h6>

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

Атрибут

Атрибуты служат для обозначения дополнительной информации, на примере мы покажем как с помощью атрибута расположить по левому или правому краю документа:

<h1> Без атрибута </h1>
<h2 align="center"> Заголовок будет по центру экрана </h2>
<h2 align="left"> Заголовок будет ровняться по левому краю</h2>
<h2 align="right"> Заголовок будет ровняться по правому краю </h2>

На этом примере хорошо видно как атрибут «align» влияет на расположение текста. Без использование этого атрибута текст по умолчанию ровняется по левому краю.

Элемент

Элемент – все заключённое в теги, стоит заметить что один элемент можно заключить в другой элемент. Но внутренний элемент не может выходить за рамки внешнего элемента, рассмотрим это на примерах:

Правильное составление:
<div><h1> Заголовок </h1></div>

Не правильное составление:
<div><h1> Заголовок </div> </h1>

Но всё это более подробно мы ещё рассмотрим.


Все статьи по теме HTML:

- Введение и основы HTML
- Структура WEB документа
- Синтаксис в HTML
- Пробуем создать первую страничку
- Оформление текста в HTML (часть 1)
- Оформление текста в HTML (часть 2)
- Создание списков в HTML
- Ссылки в HTML
- Вставляем изображения в HTML документ
- Цвет теста и фона в HTML
- Создаём таблицы в HTML
- Что и для чего прописывать в HEAD
- Заключение и подведение итогов по всем пройденным элементам и атрибутам