Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Топ 20-ть - не столь отдаленных помещений.
Топ 20-ть - не столь отдаленных помещений.
Уникальное строение - Дворец из строительного мусора
Уникальное строение - Дворец из строительного мусора
Самые-самые замки мира
Самые-самые замки мира
Miapolis - громадина высотой 975 метров
Miapolis - громадина высотой 975 метров
Наша Луна может быть не уникальной
Наша Луна может быть не уникальной
29-ть фактов о сне....
29-ть фактов о сне....
Топ 10 любви и секса
Топ 10 любви и секса
Гигантский предок тираннозавра был покрыт перьями
Гигантский предок тираннозавра был покрыт перьями
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Многопользовательские · Точка отсчета
Аркады и экшн · Powerpool 2
Настольные · Rlax
Головоломки · Squiggle Squid

Катай!!!
Корифаны сайта

Баннерообмен
Our button

[ Получить код баннера ]
С чего начинать?

  Для начала Вам нужно выбрать редактор. Существует два типа HTML редакторов:

  1. Редакторы типа "WYSIWYG (What-You- See-Is What-You-Get) Что видишь, то и получишь” Пользователь не видит "внутренностей" документа, с которым он работает, точно так же, как при работе с текстовым процессором типа Microsoft Word
  2. Редакторы собственно HTML-текстов. В процессе работы пользователь видит внутреннее содержание HTML-файла и может изменять его либо вручную, либо вызывая команды меню для вставки определенных элементов HTML. Работа с таким редактором очень похожа на работу с интерактивной средой программирования типа Microsoft Visual Basic или Borland Delphi.

Если Вы не имеете ни малейшего представления о HTML, то, для начала, Вам подойдут редакторы первой группы, например: Word. В это случае я вам помочь ни чем не могу, читайте HLP-файлы этих программ.

Если хотите научиться paбoтaть c HTML-кодом напрямую, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь - Notepad. Лично я выбрал HotDog Professional, которым заменил стандартный Notepad Windows. HotDog Professional в отличии от стандартного Notepad`а обладает множеством разных инструментов, подпрограмм и сервисных возможностей.

Когда Вы освоите HTML в минимальной степени, Вы сами сможете подобрать себе редактор по вкусу.

С чего же начинать? Во-первых попробуйте сделать следующее... Откройте стандартный блокнот «Windows» и скопируйте в него:

   Примечание: Все, что выделено красным Вы исправляете, а комментарии, выделенные черным, - удаляете. (Последнее делается по желанию, т.к. Обозреватель игнорирует комментарии).

<!--Пример HTML документа.-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!--Следующая строчка - кодировка.-->
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Наша первая страница</title>
</head>
<body>
<!--Теперь указываем название шрифта, его размер и цвет.-->
<font face="Verdana" size="3" color="#000000">
<b>Название Вашего раздела</b><p>
Здесь Ваш текст.
<p>
</font>
</body>
</html>

Если Вы не знаете, что это такое и где он находится у вас на компьютере, то идите в панель «ПУСК», далее «ПРОГРАММЫ», далее на вкладке «СТАНДАРТНЫЕ» найдите и откройте «БЛОКНОТ». Скопируйте и вставьте верхний код в блокнот. Теперь сохраните этот файл в расширении «html» или «htm». Для этого в «Блокноте» в меню «Файл» нажмите «Сохранить как…»



В открывшемся окне в строке «Имя файла:» впишите имя под которым Вы хотите сохранить этот файл. Например «index.html», «first.html» или «index.htm», «first.htm». В строке «Тип файла:» в выпадающем меню выберите из списка «Все файлы». Это важно чтобы во второй строке Вы выбрали «Все файлы», в противном случае наш файл не сохранится с расширением «html» или «htm» и Вы не сможете просмотреть веб-страницу. Нажимаем кнопку «Сохранить». Все наша первая страница готова. (Надеюсь, после этого, мы уже не будем возвращаться к вопросу сохранения страницы написанной в «блокноте».) Теперь найдите ее там, куда Вы ее сохранили и откройте. То, что Вы видите это результат работы этого простого кода.


Теперь давайте разберем этот код. Большинство тегов имеют открывающийся элемент <> и закрывающийся </>. Между ними и находяться коды, которые распознает Обозреватель.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

HTML-документ всегда должен начинаться с объявления браузеру какой версии международной спецификации html он соответствует. Верхняя строчка сообщает браузеру, что этот HTML документ соответствует версии 4.0 международной спецификации HTML.

<Html>

Открывающий тег, который объявляет о начале документа.

<Head>

Открывающий тег заголовка или головы документа (кому как удобно). В дальнейшем, если речь будет идти о заголовке документа, будем говорить тег <head>, имя в виду «заголовок» документа. Между открывающим <head> и закрывающим </head> тегом располагается название документа и служебная информация для браузеров и поисковых машин. В нашем случае это информация о кодировки страницы <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<Title>

Открывающий тег названия документа дает браузеру понять, что все что написано сразу за этим тегом и до закрывающего тега </Title> является названием документа. Это название выводится браузером на самую верхнюю панель браузера.



Наша первая страница - собственно само название документа.

</Title>

Закрывающий тег названия документа дающий понять браузеру, что на этом действие тега <Title> закончилось.

</Head>

Закрывающий тег заголовка или головы документа дающий понять браузеру, что на этом действие тега <Head> закончилось.

<Body>

Только теперь между открывающим тегом <Body> и закрывающим </Body> находится все, что выводится браузером на экран. Это таблицы, текст, изображения. Одним словом, все HTML-элементы, отвечающие за отображение документа, управление им и гипертекстовые ссылки.

</Body>

Закрываем тело документа. Сообщаем браузеру, что на этом тело или содержимое (кому как нравиться, мы будем говорить далее «тело») документа закончено. Иными словами в данном месте закончено действие тега <Body>.

</Html>

Закрываем HTML документ. Видя этот тег браузер понимает что действие тега <Html> на этом закончено.

Профиль
Ваш браузер: -
IP-адрес: 34.229.223.223

Логин:uID поддержка
Пароль:
Забыл пароль || Регистрация



Заговор от бородавок
Браво - Джамайка Запрещенные барабанщики - У... Бьянка - Несчастливая любовь Татьяна Буланова - Мама Evanescence - My Immortal
Tag cloud
Свернуть Архив записей Развернуть
«  Март 2024  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Опросник
Солнце — это …?
Всего ответов: 104
Энгус - Также известен как; Ангус, Енгус, Оэнгус
Энгус - Также известен как; Ангус, Енгус, Оэнгус
Носители магии – Шаманы
Носители магии – Шаманы
Земной Ангел - Солнце
Земной Ангел - Солнце
Совместимость по знаку зодиака Дева – Стрелец
Совместимость по знаку зодиака Дева – Стрелец
Звёзды шутят: Весёлый гороскоп - «Рак»
Звёзды шутят: Весёлый гороскоп - «Рак»
Анекдоты про экономистов - (16)
Анекдоты про экономистов - (16)
Анекдоты про Петьку, Анку и Чапая - (68)
Анекдоты про Петьку, Анку и Чапая - (68)
Ученье - мрак, или над чем смеются школьные учителя
Ученье - мрак, или над чем смеются школьные учителя
Анекдоты про чудаков - (90 шт.)
Анекдоты про чудаков - (90 шт.)
Анекдоты про художников - (22)
Анекдоты про художников - (22)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта