W e b - м а с т е р у: 
  В с е   о   х о с т и н г е: 
  Р е к о м е н д у е м: 
  Р е к л а м а: 





  Р е к л а м а: 











  Главная > Уроки по HTML в примерах > С чего начинать?

Google   
 


Профессиональный хостинг от REG.RU - от 99 рублей за месяц!!!
  • 10 Гб дискового пространства
  • Бесплатный трафик
  • До 30 размещенных сайтов на одном хостинге
  • Неограниченное количество почтовых ящиков и многое другое!

>> Смотреть подробнее






С чего начинать?

Для начала Вам нужно выбрать редактор. Сyщecтвyeт двa типa HTML peдaктopoв:

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

Ecли Вы нe имeeтe ни мaлeйшeгo пpeдcтaвлeния o HTML, тo для начала вaм пoдoйдyт peдaктopы пepвoй гpyппы, нaпpимep: Word. В это случае я вам помочь ни чем не могу, читайте HLP-файлы этих программ.

Ecли хотите научиться paбoтaть c HTML-кoдoм нaпpямyю, а речь в данном учебнике пойдет как раз об этом, воспользуйтесь - 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> на этом закончено.






[Рекомендовать другу]  [Содержание  


Вывоз мусора в Уфе на автомобилях ГАЗель, Услуги грузчиков, Утилизация старой мебели


Щелкните здесь, чтобы узнать, как повысить тИЦ и Page Rank Вашего сайта. Бесплатно!

© Rusws™ 2007-2012. Разработка и техническая поддержка: RUSWS.RU
Хостинг от SpaceWeb

Перепечатка любых материалов с портала www.rusws.ru только с письменного разрешения администрации и с размещением ссылки на портал!

Техническая поддержка: rusws[собака]mail.ru
Rambler's Top100