HTML: Основы | Урок 1
13.11.2011
Раздел: HTML Уроки
Как и везде, я начну с основ. Так сказать, с самого низшего, с азов =) Начнем с того, что html состоит из тегов. Что такое тег?
Тег - это определённое кодовое слово на английском языке, понятное для HTML, заключенное в <>. Сам HTML документ инициализируется закрывающимися тегами
А уже внутри этих тегов идут другие теги.
Для правильного построения документа, я рекомендую, запомнить следующую схему. Каждая страница, должна содержать следующие элементы
1. Голова -
2. Тело -
Таким образом, у нас уже есть вот что:
Это основная схема, основная структура от которой вы начинаете плясать, дескать =) Как видите, все теги пока ещё пустые. Начнём по очереди заполнять их. В голове, тобишь head должна содержаться такая информация, как название страницы (да да, то самое название которое вы видите во вкладках своих навороченных браузеров), каскадные стили (о них мы поговорим позже), мета-теги (этого вы тоже пока ещё не знаете), а так же javascript сценарии (совершенно отдельная тема, которая касается HTML косвенно, проходить мы её не будем).
Итак, сейчас мы не будем рассматривать всю информацию которую можно поместить в head, а вобьём лишь название страницы. Название документа задаётся строго внутри тегов title, которые в свою очередь принадлежат head Выглядит это так:
На этом, мы пока мест, остановимся с head, так как пока нам этого будет вполне достаточно.
Далее, приступаем к телу, оно же body. Внутри тела Вы можете располагать абсолютно любые теги, которые мы будем изучать с Вами далее. Именно здесь и открываются просторы для Вашей фантазии =)
А пока мы просто напишем там рандомный текст:
В принципе, на этом всё, мы изучили структуру, и уже даже написали первую страничку на HTML. Хочу заметить, что далее мы будем работать с телом документа, т.е. с тегом body. А сейчас, я немного хотел бы Вас посвятить, в то, что забыл сделать в начале.
Все HTML документы, должны быть сохранены в форматах *.htm или *.html иначе, Ваша страница не будет читаться. Для написания страниц я крайне не рекоммендую использовать программы наподобии DreamViewer и т.д., этому есть одна весомая причина - Вы с этими программами не сможете ничему научиться, подобные штуки сделаны для профессионалов, которые все это знают наизусть, а Вас они будут только отуплять, поэтому, используйте блокнот, для написания. Да да, самый обычный блокнот, который находится в стандартных программах Вашей ОС. Ну или можете использовать Notepad++, это тот же самый блокнот, только с подсветкой синтаксиса HTML ну и множеством других наворотов, специально придуманный и разработанный для подобных целей.
Ну вот, успехов, ждите следующих уроков, подписывайтесь, оставайтесь на связи.
Тег - это определённое кодовое слово на английском языке, понятное для HTML, заключенное в <>. Сам HTML документ инициализируется закрывающимися тегами
<html>
</html>
</html>
А уже внутри этих тегов идут другие теги.
Для правильного построения документа, я рекомендую, запомнить следующую схему. Каждая страница, должна содержать следующие элементы
1. Голова -
<head></head>
2. Тело -
<body></body>
Таким образом, у нас уже есть вот что:
<html>
<head>
</head>
<body>
</body
</html>
<head>
</head>
<body>
</body
</html>
Это основная схема, основная структура от которой вы начинаете плясать, дескать =) Как видите, все теги пока ещё пустые. Начнём по очереди заполнять их. В голове, тобишь head должна содержаться такая информация, как название страницы (да да, то самое название которое вы видите во вкладках своих навороченных браузеров), каскадные стили (о них мы поговорим позже), мета-теги (этого вы тоже пока ещё не знаете), а так же javascript сценарии (совершенно отдельная тема, которая касается HTML косвенно, проходить мы её не будем).
Итак, сейчас мы не будем рассматривать всю информацию которую можно поместить в head, а вобьём лишь название страницы. Название документа задаётся строго внутри тегов title, которые в свою очередь принадлежат head Выглядит это так:
<html>
<head>
<title>Здесь название Вашей страницы</title>
</head>
<body>
</body
</html>
<head>
<title>Здесь название Вашей страницы</title>
</head>
<body>
</body
</html>
На этом, мы пока мест, остановимся с head, так как пока нам этого будет вполне достаточно.
Далее, приступаем к телу, оно же body. Внутри тела Вы можете располагать абсолютно любые теги, которые мы будем изучать с Вами далее. Именно здесь и открываются просторы для Вашей фантазии =)
А пока мы просто напишем там рандомный текст:
<html>
<head>
<title>Здесь название Вашей страницы</title>
</head>
<body>
Это моя первая HTML Страница
</body
</html>
<head>
<title>Здесь название Вашей страницы</title>
</head>
<body>
Это моя первая HTML Страница
</body
</html>
В принципе, на этом всё, мы изучили структуру, и уже даже написали первую страничку на HTML. Хочу заметить, что далее мы будем работать с телом документа, т.е. с тегом body. А сейчас, я немного хотел бы Вас посвятить, в то, что забыл сделать в начале.
Все HTML документы, должны быть сохранены в форматах *.htm или *.html иначе, Ваша страница не будет читаться. Для написания страниц я крайне не рекоммендую использовать программы наподобии DreamViewer и т.д., этому есть одна весомая причина - Вы с этими программами не сможете ничему научиться, подобные штуки сделаны для профессионалов, которые все это знают наизусть, а Вас они будут только отуплять, поэтому, используйте блокнот, для написания. Да да, самый обычный блокнот, который находится в стандартных программах Вашей ОС. Ну или можете использовать Notepad++, это тот же самый блокнот, только с подсветкой синтаксиса HTML ну и множеством других наворотов, специально придуманный и разработанный для подобных целей.
Ну вот, успехов, ждите следующих уроков, подписывайтесь, оставайтесь на связи.
1733
