Вторник, 17.10.2017, 16:30
Приветствую Вас Гость | rss
Меню сайта
Форма входа

Статистика

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

 

учебник HTML - Страница 2

 

Введение.

Я рад, что вы решили приступить к изучению именно моего учебника HTML. Поверьте мне, в нём нет ничего сложного и уже через пару часов вы создадите свою первую страничку, а там и до целого сайта не далеко.


HTML - это язык разметки документов в среде WEB. То, что вы видите при просмотре страницы в интернете, это интерпретация вашим браузером HTML-текста. Чтобы браузер правильно отображал форматирование к примеру текста, то есть разделял его на абзацы, заголовки, списки, цитаты и тому подобное ему надо это как то сообщить. Этим как раз и занимается язык HTML.
Что бы увидеть HTML-коды страницы в браузере Mozilla Firefox, кликните правой кнопкой мыши по странице (только не по картинке) и в выпавшем меню выберите пункт "исходный код страницы". Не пугайтесь, всё на много проще чем вы думаете!!!


Для обучения нам понадобиться: браузер (подойдёт любой, но я буду
использовать Safari) и простой блокнот (можно и любой другой текстовый редактор). Мы не будем использовать такие программы как Microsoft FrontPage и Adobe Dreamweaver, так как в блокноте вы сами будете прописывать код и ошибки будут уже вашими, а не программными, что в дальнейшем упростит вашу жизнь.
В дальнейшем когда вы освоите основы HTML можете скачать Microsoft FrontPage, Adobe Dreamweaver и некоторые другие программы для упрощения написания своих сайтов.
Так же на этом сайте вы найдёте краткий HTML словарь где перечислены все часто используемые коды, одним словом я постарался объединить всю необходимую информацию в одном месте что бы вы не скитались по  поисковикам в поисках нужной вам информации.


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

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

 

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


Вот так это будет выглядеть в браузере:

 

 

 

teg_h2

 


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

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

 

 

 

 

Например:

 

 

 

 
<h2> заголовок </h2>
<h2 align="center"> заголовок по центру </h2>

 

 

 

Вот так это будет выглядеть в браузере:

h2

 


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

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

 

 

 

 

 

 

 

 

 

Поиск
Календарь
«  Октябрь 2017  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Архив записей

rss
Яндекс.Метрика Каталог@Mail.ru - каталог ресурсов интернет