Я рад, что вы решили приступить к изучению именно моего учебника 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> - второго уровня. В начале тег открывается, затем идет его содержимое, потом он закрывается. Все довольно просто!
АТРИБУТ –это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.
Элемент – понятие, введенное чисто для удобства объяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.
