|
Создание первой веб странички
Даже если вы ничего незнаете о создании веб страничек, уверен
что у вас получится сделать этот простой урок по её созданию.
Свою первую веб страничку вы можете создать с помощью
обычного блокнота или другого текстового редакотора. Для начала создайте
текстовый файл. И напишите в нем :
<html>
< head >
<meta http-equiv="content-type" content="text/html; charset=windows-1251"
>
< /head >
<body >
Привет мир!
< /body >
< /html>
Сохраните текстовый документ с именем наприме 1.html
Текстовый документ обычно сохраняется с расширением .txt И если вы просто
сохраните файт, то у вас получится 1.txt
Для того чтобы этого не случилось выберите команду Файл/Сохранить как
и в появившемся диалоговом окошке выберите Тип документа - все файлы.
Теперь в поле Имя файла наберите: 1.html и нажмите кнопку сохранить.
Откройте ваш файл любым броузером , например Майкрософт интернет ехплорером
, Оперой или другим.
Если у вас все получилось правильно, то вы увидете текст вашей первой
странички:
"Привет мир!"
Хорошо. Вот вы написали первую веб страничку.
Теперь хорошо было бы разобрать что означают эти коды, потому как если
не знать что они означают, а только копировать, то вы научитесь копировать,
но не изучить веб-дизайн.
Те коды которые вы написали называются теги - и они нужны для обработки
интернет броузерами. <html> - этот тег открывающийся говорит броузеру
что начинаются html код, </html> - это тег закрывающийся и говорит
броузеру что html код заканчиватся на этой страничке.
Есть теги парные,то есть открывающиеся и закрывающиеся, но есть и такие,
которые не имеют закрывающегося тега. напримеп тег <br> - этот
тег говорит броузеру о переносе строки. < head > - открывающийся
тег говорит броузеру что начинаются скрытые теги которые не будут показаны
на страничке, но нужны для правильной обработки странички.
Далее идет тег : <meta http-equiv="content-type" content="text/html;
charset=windows-1251" >
Этот тег нужен для правильного отображения странички и определяет тип
содержания документа.
В нашем случае это документ text/html с кодировкой charset=windows-1251,
если у вас установленна не windows, а другая система, то кодировку возможно
прийдется выбрать другую.
Далее идет закрывающийся тег < /head > .
Тег <body > - означает начало тела документа. Закрывающийся тег
</body > - означает окончание тела документа. Ну и < /html>
- означает окончание нашего html кода.
Мы разобрали очень простенький пример. Для того чтобы
изучить гипертекстовый язык размертки html может понадобиться много
времени и внимательного изучения.
Поверьте этот урок гораздо легче сделать, чем подробно описать, как
он делается.
Надеюсь что он вам пригодится.
|
