|
|
Помогая другим, помогаешь себе.
Создадим реальнyю виртyальность !
Введение.
Я
рад, что вы решили приступить к изучению именно моего учебника HTML.
Поверьте мне, в нём нет ничего сложного и уже через пару часов вы
создадите свою первую страничку, а там и до целого сайта не далеко.
HTML
- это язык разметки документов в среде WEB. То, что вы видите при
просмотре страницы в интернете, это интерпретация вашим браузером
HTML-текста. Чтобы браузер правильно отображал форматирование к примеру
текста, то есть разделял его на абзацы, заголовки, списки, цитаты и тому
подобное ему надо это как то сообщить. Этим как раз и занимается язык
HTML.
Что бы увидеть HTML-коды страницы в браузере Mozilla Firefox, кликните правой
кнопкой мыши по странице (только не по картинке) и в выпавшем меню
выберите пункт "исходный код страницы". Не пугайтесь, всё на много проще
чем вы думаете!!!
Для обучения нам понадобиться:
браузер (подойдёт любой, но я буду использовать Mozilla FireFox) и
простой блокнот (можно и любой другой текстовый редактор). Мы не будем
использовать такие программы как Microsoft FrontPage и Adobe Dreamweaver,
так как в блокноте вы сами будете прописывать кода и ошибки будут уже
вашими, а не программными, что в дальнейшем упростит вашу жизнь.
В
дальнейшем когда вы освоите основы HTML можете скачать Microsoft
FrontPage, Adobe Dreamweaver и некоторые другие программы для упрощения
написания своих сайтов.
Так же на этом сайте вы найдёте краткий HTML
словарь где перечислены все часто используемые коды, одним словом я
постарался объединить всю необходимую информацию в одном месте что бы
вам не пришлось терзать Яндекс и Google в поисках нужной вам информации.
По ходу обучения я буду использовать 3 основных термина:
ТЕГ - оформленная единица HTML-кода Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они
начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре(маленькими буквами), хотя не обязательно.
Например:
<h1> Самый большой заголовок </h1>
<h2>
Заголовок чуть поменьше </h2>
|
Вот так это будет выглядеть в браузере:
Как вы наверное догадались тег <h1> означает заголовок первого уровня, а тег <h2> - второго уровня. В начале тег открывается, затем идет его содержимое, потом он закрывается. Все довольно просто!
АТРИБУТ
–это своего рода дополнительная информация. Атрибуты всегда
записываются внутри тега, затем следует знак равенства и детали
атрибута, заключённые в двойные кавычки.
Например:
<h2> заголовок </h2>
<h2 align="center"> заголовок по центру </h2>
|
Вот так это будет выглядеть в браузере:
Как видите, я дописал
в теге <h2> атрибут align="center", что означает выравнивание по центру, в результате чего содержимое тега выравнялось по центру ячейки. В теге <h1>
атрибута align (выравнивание) нет, и поэтому выравнивание происходит по
умолчанию(по левому краю). Все эти теги вы найдёте в словаре HTML на
этом сайте.
Элемент – понятие, введенное чисто для удобства объяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>.
Таким образом, элемент – более общее понятие, обозначающее пару тегов и
участок документа между тегами, на который распространяется их влияние.
|
