Создание web документа

Как я уже говорил на предыдущей странице HTML код любого сайта содержит в себе обязательные теги. Давайте составим скелет Вашего будущего сайта для заработка в интернете. Он будет выглядеть так:


<html>
<head>
<title>содерхание сайта</title>
</head>
<body>
контекст
</body>
</html>

 

Допустим, Вы захотели сделать сайт о животных Вашего края. Вам нужно придумать краткое описание Вашего сайта и вставить его между тегами: <title>содерхание сайта</title> При открытии страницы с Вашим кодом HTML описание будет отображаться не на странице с основным контекстом, а в левом верхнем углу браузера. Основной текст вставляется между тегами: <body>контекст</body>. Полностью код будет выглядеть так:

<html>
 <head>
<title>Животный мир нашего края.</title>
</head>
<body>
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов. На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
восемь видов встречаются только в зимнее 
время, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР. На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука. 
</body>
</html>

Теперь откроем нашу страницу в HTML и посмотрим, что у нас получилось. Для этого Вам нужно проделать следующее:

1. Нажимаем “Пуск”; “Все программы”; ”Стандартные”; ”Блокнот”;
Создание web документа
2. Копируем созданный HTML код и вставляем его в блокнот. Верху нажимаем “Файл”;”Сохранить как”;”Выбираем папку для сохранения”.

3. Обзываем наш файл, допустим “Птицы.html”. Обязательно добавляйте к сохраняемому файлу .html, как написано у меня. Если Вы этого не сделаете, то файл отразится, как текстовый документ. После этого нажимаем “Сохранить”.
Создание web документа
4. Далее открываем сохранённый файл и любуемся.
Если Вы вносите какие-то изменения в Ваш HTML документ, то для того, чтобы увидеть эти изменения в своём документе, Вам нужно повторить операции по сохранению файла, описанные в пунктах 3-5 и после этого нажать “Обновить”. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.
Итак, Вы создали свой первый html документ. На следующей странице мы озаглавим наш текст и поговорим о размерах шрифта.

Поделиться в соц. сетях

Создание web документа
Создание web документа
Создание web документа
Создание web документа
Создание web документа
Создание web документа

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика