Информационый портал Windows 7

У нас вы можете скачать драйвера и программы, найти красивые темы и обои, учебные материалы, а также получить консультации и многое другое.

  • главная
  • контакты
  • карта сайта
 
Веб-дизайн » Уроки по веб-дизайну »

Вводный курс по HTML

 
Вводный курс по HTML


Здравствуйте уважаемые пользователи. С сегодняшнего дня, я буду знакомить Вас с увлекательным миром HTML. Это означает, что ежедневно, вы будете получать новую информацию о данном языке веб программирования и со временем сможете создать свою собственную, пусть и простую, страничку в интернете. Давайте начнем с теории.

HTML - HyperText Markup Language, что по-русски говоря "язык гипертекстовой разметки страницы". Данные язык был разработан таким человеком как Тим Бернерс-Ли, в 1989-1991 годах.

Стандартно, пустая страничка страничка в HTML имеет вид:

Вводный курс по HTML


Давайте теперь разберем все по-порядку. Каждая страничка должна начинаться с объявления версии HTML. Обычно она имеет вид:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


Далее начинаем писать сам код страницы. Она должна начинаться с <html>
Далее пишем <head>
Между тегами <head> и </head> должна содержатся такая информация как: заголовок страницы и указание браузеру, что вы писали эту страничку в простом текстовом редакторе. Если вы писали код в специальной программе, то вам нужно указать только title странички. Давайте рассмотрим все на примере.

Пример странички написанной в простом текстовом редакторе:

<head>
<title>Пример для OS-7.ru</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</head>


Пример странички написанной в специальной программе:


<head>
<title>Пример для OS-7.ru</title>
</head>


Для указания того, что страница написана в простом текстовом редакторе используйте:

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">


Далее идет тег <body>. Между тегами <body> и </body> пишется все содержимое странички.
Заканчиваться страница должна тегом </html>

Давайте же попробуем написать первую страницу. Как всегда это будет "Hello Word!"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>"Hello Word"!</title>
</head>
<body>
<center>Hello Word!</center>
<body>
</html>


Как видите, здесь появился новый тег <center>. Он указывает браузеру, что текст нужно показывать по середине.
Если Вы пишите в блокноте, то не забываем об этом упоминать в коде страницы.

Для написания кода я советую использовать CodeLobster. На мой взгляд это очень удобная программа. Она бесплатна, для получения регистрационного кода нужно пройти бесплатную регистрацию на офф. сайте.

Если Вы используете CodeLobster, то достаточно нажать на кнопку Preview что бы увидеть что у вас получилось. Если вы используете блокнот, то сохраните файл в .txt формате. Затем переименуйте его в index.html. Затем двойной клик по файлу, и он откроется в браузере. Получилось? Поздравляю. В следующем уроке мы рассмотрим основные теги.

Спасибо за внимание. С вами был perec, специально для сайта OS-7.ru



Автор: perec. Дата: 30-04-2011, 17:58

Просмотров: 2560

В избранное:

Уважаемый посетитель, для доступа к ресурсам сайта OS-7.RU, а также для скачивания материалов - Вам необходимо зарегистрироваться либо войти под своим именем.







 (голосов: 0)
Комментарии (4) Распечатать