Своя первая
страница.
Приступим к созданию совей первой странички.
Для начала определимся с текстом – пусть это будет личный сайт и напишем на
нем примерно следующее:
Привет! Меня зовут Вася Пупкин, я из Москвы и буду рад знакомству со всеми
кто осваивает Веб дизайн с нуля!
Итак с текстом определились, теперь создаем сайт. Что для этого нужно? Да
практически ничего, все что нужно уже установлена на компьютере. Итак
находим программу блокнот и пишем следующий текст:
<html>
<head>
<title> Моя домашняя страничка</title>
<meta name="description" content=" Личная страничка Васи Пупкина,
заходите!.">
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</head>
<body>
Привет! Меня зовут Вася Пупкин, я из Москвы и буду рад знакомству со всеми
кто осваивает Веб дизайн с нуля!
</body>
</html>
посмотреть результат можно
здесь
Теперь разберем что собственно написано:
<html>
<head>
<title> Моя домашняя страничка</title>
<meta name="description" content=" Личная страничка Васи Пупкина,
заходите!.">
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</head>
Первое, что мы видим это - <html>. Это тег означает что данная страница
написано с помощью языка html, показанный тег всегда располагается в самом
начале и в конце страницы. Как нетрудно догадаться он открывает саму
страницу а </html> закрывает.
Вообще в языке html присутствуют в основном парные
теги, если есть определенные тег, то ему, как правило, соответствует этот же
закрывающий тег (команда если попроще) которая говорит о том что все.. тег
свое отработал и дальше его влияние не распространяется.. К закрывающему
тегу в начале добавляется вот такой символ -</>
Идем дальше - <head> - это начало служебной информации,
все что идет внутри этого тега на сайте не отображается, там находятся так
называемые мета-теги и заголовок.
Подробно про
мета-теги можно прочесть в статье -
Описание META тегов, а с заголовком сейчас разберемся.
<title> Моя домашняя страничка</title>
Посмотрите на левый верхний угол страницы, там где синяя
полоса – там отображен заголовок, для нашей страницы (если
Вы её уже закрыли, то откройте) он и будет называться - Моя
домашняя страничка. Если вместо этих слов написать что-то другое, то
отобразится соответственно эта другая надпись. Вот и вся суть этого тега.
Идем дальше:
<body>
Привет! Меня зовут Вася Пупкин, я из Москвы и буду рад знакомству со всеми
кто осваивает Веб дизайн с нуля!
</body>
Вот мы и приблизились к самому заветному, все что заключено между тегами <body>
</body> и будет непосредственно отображено на сайте, но об этом чуть позже.
Последний тег – это </head> он закрывает нашу страничку,
собственно он и является самым последним тегом.
Наша первая страничка готова, сохраняем текстовый документ, после меняем
расширение с txt на html.
Осталось только открыть документ, кликаем по нему и любуемся нашим
произведением!
А теперь вернемся к стркутуре
<body>
Привет! Меня зовут Вася Пупкин, я из Москвы и буду рад знакомству со всеми
кто осваивает Веб дизайн с нуля!
</body>
Измените текст и естественно измениться результат. Но кроме этого можно
применить другие теги, например такую структуру как <center> </center>.
Получим вот такую структуру:
<body>
<center>
Привет! Меня зовут Вася Пупкин, я из Москвы и буду рад знакомству со всеми
кто осваивает Веб дизайн с нуля!
</center>
</body>
После открытия полученного документа, будет видно, что весь текст отображен
по центру. Смотрим
здесь.
Или применим теги <b></b> поставим его в документе и
посмотрим результат.
Собственно все, для дальнейшей работы обязательно посмотрите следующие
материалы:
Таблица
основных тегов языка HTML и
Кратко про теги
HTML
Пробуйте, дерзайте.
Что-то простенькое обязательно получиться, а если желание будет то у Вас
обязательно получиться хороший, красивый, а главное нужный сайт!
Автор:
Александр
домашний сайт
|
