Глава вторая - основы html
Ну что же начнем делать сайт вместе :)
Прежде всего создайте где-нибудь новую папку чтобы там лежали ваши труды и чтобы они не затерялись (например на рабочем столе создайте папку и назовите "Мой сайт").
Теперь откройте программу Блокнот (стандартная виндовская программа, нажмите Пуск - Программы - Стандартные - Блокнот) и скопируйте туда следующий текст:
<html>
<head>
<title>
Моя первая страница!
</title>
</head>
<body>
Здравствуйте, это моя первая страница.
Я ее сделал сам! Добро пожаловать!
</body>
</html>
Скопировали? Отлично. Теперь нам нужно сохранить этот текст в файл с расширением html (по умолчанию сохраняется в формат txt - текстовый файл). Для этого выберите в меню Файл - Сохранить как, там где имя файла наберите index.html а где тип файла выберите Все файлы(*.*) Сохраняйте в ту папку что у вас специально для вашего будущего сайта. В результате этих манипуляций у вас в папке должен появится файл index.html (значок эксплорерский у него). Запустите его. У вас должно получится примерно вот это: Пример
Давайте теперь разберемся че где и зачем :)
Во-первых html (хтмл) - не язык программирования, а язык разметки гипертекста. Он прост и интуитивно ясен:) То что находится между
< и > называется тэг. В примере они выделены синим цветом. Обратите внимание на самый первый тэг: <html>.
Это тэг открывающий документ, он должен быть обязательно. Теперь смотрите на самый последний тег в примере </html> - это тэг закрывающий для <html>. Как вы наверное догадались он тоже обязательный. Итак любой хтмл-файл начинается тэгом <html> и заканчивается тэгом </html>, а между этими двумя тэгами и располагается сам документ.
Примечание: тэг можно писать как большими так и маленькими буквами (браузер не различает регистр), т.е. и <html> и <HTML>, и даже <HtmL> будет правильно.
Смотрим на следующий тэг в нашем примере - <head>. В переводе с английского head - голова. Между тэгами <head> и </head> находится всякого рода служебная информация, заключенная в другие тэги. Как мы видим между этими тэгами в нашем примере находится:
<title>
Моя первая страница!
</title>
Между тэгами <title> и </title> находится заголовок страницы, это то что написано на самом верху окна (то что белым по синему:). Когда вы на Яндексе ищете чего-то, то название страниц которые Яндекс выдает как раз и есть то, что написано между тэгами <title> и </title>.
<body> - тело документа. То что между <body> и </body> непосредственно отражается на странице. Попробуйте в нашем примере изменить текст между этими тэгами. Для этого откройте вашу страницу (если еще не открыта) и щелкните на любом месте правой кнопкой мыши, в появившимся меню выберите пункт "просмотр в виде HTML" и изменяйте. Если вас спросят хотите ли вы сохранить изменения - скажите "да" :) Потом нажмите в браузере кнопку "Обновить".
Итак, все тэги в нашем примере - обязательные, они должны присутствовать в любом документе. У кадого тэга должен быть тэг закрывающий (есть тэги которым закрывающий не нужен). Как вы уже видели между тэгами могут находится другие тэги и текст. Есть множество других тэгов, которые служат для оформления содержимого сайта. Теперь внимание
<тэг1><тэг2><тэг3>...</тэг3></тэг2></тэг1>
Тэг который мы открыли первым, закрываем последним, и наоборот, таким образом тэги как бы вложены друг в друга. Именна такая очередность открывания - закрывания правильна.
Ну а теперь...
Глава третья
|
