Rambler's Top100
Вторник, 19.03.2024, 08:16

КАК СОЗДАТЬ СВОЙ САЙТ

Учебник HTML

Введение

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

Что понадобится нам для обучения?

Браузер и Блокнот(или аналогичный простой редактор) - вот всё, что вам необходимо для работы с данным учебником . Раз вы просматриваете эту страничку – значит браузер у вас уже есть , ну а блокнот я думаю найти не составит труда ( Пуск – Программы - Стандартные - Блокнот).

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

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

Да, без сомнений Мы будем ими пользоваться, но только после того, как пройдем коротенькие курсы по html и css . Потом просто скачаете у меня на сайте специальный видео-курс по Adobe Dreamweaver и будет вам счастье…

Весь ли здесь HTML ?

Я постарался собрать только ту часть языка, которая действительно используется(из личного опыта создания более 10 сайтов), потому как более чем 40% используется очень редко.Тем более, в дальнейшем мы будем пользоваться Adobe Dreamweaver, и весь труднозапоминающийся код он напишет за нас . Главу по фреймам я выкинул полностью, советую Вам вообще никогда ими не пользоваться, т.к. это уже очень устаревшая технология и рейтинга это Вам не добавит!

Если Вам необходима более полная информация по html, скачивайте книги из соответствующего раздела у меня на сайте.

3 термина используемые по ходу обучения

Тег – оформленная единица 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>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

 

 

См. также

Следующий   - Урок 1: Структура web-документа. Вставка комментария.

Google +1
Форма входа
Наш опрос
Оцените мой сайт
Всего ответов: 81
Поиск
Календарь
«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Архив записей
Друзья сайта
  • Обновление навигаторов
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0