_______________________________
Обмен ссылками
Если вы хотите обменятся ссылками, то: 1 - устанавите на своей странице нашу кнопку 2 - пошлите письмо с кодом вашей ссылки и темой ОБМЕН ССЫЛКАМИ на мыло: silm-pnd@yandex.ru
код нашей кнопки:
<a href="http://www.web-shed.narod.ru/"><img src="http://www.web-shed.narod.ru/webshedbann.gif" border="0" alt="Всё для Web-мастера! Статьи и учебники на темы
РАСКРУТКА И СОЗДАНИЕ САЙТОВ. Бесплатные
программы, огромная колекция скриптов
Java Skript. И многое другое в помощ
сайтостроителю."></a>
Наша кнопка:
Альтернативный вариант:
Код:
<a href="http://www.web-shed.narod.ru/"><img src="http://www.web-shed.narod.ru/knopka2.gif" border="0" alt="Всё для Web-мастера! Статьи и учебники на темы
РАСКРУТКА И СОЗДАНИЕ САЙТОВ. Бесплатные
программы, огромная колекция скриптов
Java Skript. И многое другое в помощ
сайтостроителю."></a>
_______________________________
Создание и раскрутка сайта |
Учебник Сайтостроения Глава первая: "основы"
_________________________________________________________________________________________
|
Для начала создадим на компьютере отдельную папку для будущей страницы.
С:\сайт\
В этом случае папка создана на диске С и названа "сайт" Вы, естественно, можете создать
вашу папку, где угодно, и назвать ее, как угодно.
Теперь откроем блокнот и скопируем туда следующий текст:
__________________________________________
<html>
<head>
<title>Мой первый сайт </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html>
__________________________________________
Сохраним этот документ, присвоив ему имя *.html
Для этого зайдите в меню Файл -> Сохранить Как. Дальше вводите имя своего документа,
например: index.html (но не просто index).
D:\сайт\index.html
Теперь откройте броузер, допустим, Internet Explorer,
и откройте в броузере ваш документ.
Файл - Открыть - Обзор - Ваш документ (index.html)
Если вы чего-то изменили в *.html документе (в блокноте), то, чтобы посмотреть, как это
выглядит броузере, надо нажать в броузере кнопку ОБНОВИТЬ.
Если изменений не видно, то это значит, что вы где-то что-то неправильно написали,
или забыли сохранить документ.
Теперь посмотрим, что получилось.
Посмотрели? Идём дальше.
Напомню что, Вы сейчас изучаете HTML(хтмл).
Хтмл не является языком программирования, он предназначен для разметки текстовых
документов (т.е. с помощью него мы размечаем текст, таблицы, картинки
и т.д. на нашей странице). То, как будут выглядеть картинки, текст и другие
элементы на вашей странице, и как они будут располагаться относительно друг
друга, определяют метки (tags или тэги).
На пример тэг: <br> переносит текст на другую строку. Попробуйте вставить
несколько тэгов <br> в вашем документе перед «добро пожаловать!». Сохраните.
Посмотрите в вашем броузере, что получилось.
Итак, все, что находится между < и > - это тэг.
Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере.
Теги <html> <head> <title> <body> и закрывающие их парные теги (</html> </head> </title>
</body>) являются обязателными (то-есть их небходимо указывать в любом веб-документе).
Теперь подробнее об обязательных тегах.
<html>
Этот тэг должен открывать документ. Если есть открывающий тэг,
то должен быть и закрывающий:
</html>
Некоторые тэги, вроде <br>, не требуют закрывающего тэга.
<head> </head> - голова документа
<body> </body> - тело документа
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации.
Например <title>- заголовок (то что вы напишите между <title>и</title> будет
заголовком окна боаузера)
Все тэги, расположенные между <body> </body> -это содержание документа.
<тэг> </тэг> - это так называемый контейнер. Вонтейнер - тэг, который может содержать
внутри себя другие обьекты (тэги и\или текст).
Обратите внимание:
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Только такая очередность закрывающих тэгов верна: тэг, который мы
открыли первым - закрываем последним,второй – предпоследним и т.д.
_________________________________________________________________________________________
<<< К оглавлению: Назад | Далее: Глава вторая: простейшие >>>
|
| | |