Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
В 50% случаев шизофрении виноваты мутации генов
В 50% случаев шизофрении виноваты мутации генов
За $330 тыс. - продана перчатка Майкла Джексона
За $330 тыс. - продана перчатка Майкла Джексона
Британские велосипеды из бамбука
Британские велосипеды из бамбука
Возбудитель гонореи стал устойчив к антибиотикам
Возбудитель гонореи стал устойчив к антибиотикам
Картины, от художницы Soa Lee
Картины, от художницы Soa Lee
Невероятно красивые картины написанные ртом, парализованным художником Дагам Ландис
Невероятно красивые картины написанные ртом, парализованным художником Дагам Ландис
Самые дорогие в мире конфеты из золота, (съедобны)
Самые дорогие в мире конфеты из золота, (съедобны)
Самые длинные собачьи уши.
Самые длинные собачьи уши.
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Настольные · Lucky Coins
Головоломки · Lab Rat: Quest for Cheese
Головоломки · Crossed Wires
Головоломки · 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-адрес: 18.118.33.255

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



Заговор на плодовитость и размножение
Бандэрос - Не вспоминай Pakito - Harmony (Radio Edit)
Tag cloud
Свернуть Архив записей Развернуть
«  Январь 2025  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Опросник
Смерть — это …?
Всего ответов: 111
Символика татуировки (тату) » Знаки зодиака – Лев
Символика татуировки (тату) » Знаки зодиака – Лев
Абу-Симбел — скала на западном берегу Нила
Абу-Симбел — скала на западном берегу Нила
Виртуальная версия, Тибетского гадания - МО
Виртуальная версия, Тибетского гадания - МО
Носители магии; Риши - провидец
Носители магии; Риши - провидец
Александрийский маяк
Александрийский маяк
Моя юность: Первая любовь
Моя юность: Первая любовь
Анекдоты про поручика Ржевского -=- (60)
Анекдоты про поручика Ржевского -=- (60)
Прикольные приметы / Здесь изложены - несколько, весьма познавательных примет.
Прикольные приметы / Здесь изложены - несколько, весьма познавательных примет.
Перлы учителей...
Перлы учителей...
Свадебные приколы (55 фото)
Свадебные приколы (55 фото)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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