Урок 1 - Базовые знания

Progger | 01.05.2011, 20:08:49 | Просмотров: 6647

УРОК 1

Ну давайте начнём. По ходу уроков я буду вас разъяснять основные понятия. Любой код HTML состоит из тегов. Например, предложение в русском языке состоит из слов, также и в HTML, только вместо слов – теги. Ну, думаю, общее представление о тегах вы имеете.
Давайте же изучим «главные слова» HTML.

Данный урок является теорией, сейчас вы просто читайте, и запоминайте, к практике мы перейдём во втором уроке.

Любая веб-страничка или сайт начинается с такого тега, как <html>. Этот тег является парным, об этом в следующем абзаце. Хочу подметить, что все теги заключаются в такие угловые скобки: < и >.

Далее начинается «голова» нашей странички. Она заключается в тег <head>, что в переводе с английского значит голова. Этот тег парный. Парным тегом называется такой тег, который «открывается» и «закрывается». Закрытие тега происходит написанием символа «/» после угловой скобки.

Дальше идёт оглавление страницы, то есть то, что вы видите в самом вверху экрана, например когда вы создаёте документ в Microsoft Word, вверху написано: Документ1 – Microsoft Word. Также и в HTML. Оглавление заключается в парный тег <title>.. Пример использования парного тега <title>:

<title>Мой первый сайт</title>

Потом обычно пишутся мета-теги, но о них позже, так как это не обязательно.

Далее можно подключить к нашей странице таблицу стилей: CSS (перевод – каскадная таблица стилей). В ней можно указать очень полезные вещи. CSS для начинающих можно назвать языком. Но CSS немного потяжелей HTML. Так что с CSS мы будем разбираться поле изучения HTML. Так как простую web-страничку можно создать с помощью одного HTML, а создавая серьёзный web-сайт, всё же придется использовать CSS. Так ну хватит о таблице стилей, идём дальше.

Предположим, что «голову» нашей странички мы закрыли. У нас примерно получился вот такой код.

Code

<html>
<head>
<title>Мой первый сайт</title>
</head>
</html>

Но где же всё содержимое? Спросите вы. Всё содержимое страницы содержится между парным тегом <body>, который является «телом документа» и располагается после </head>. Вот мы и выучили основные теги HTML, без которых не обойдётся никакая web-страничка. В итоге у нас получается вот такой код:

Code

<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
</body>
</html>

Хочу подметить, что, тег <html> открывает и закрывает документ.

Напоминаю, что коды не копируйте, а пишите сами, иначе ничего не получится!!!!

Специально для вас (Progger)

Теги: базовые, html, изучение, знания