Выпуск 8
HTML – это серьезно
Итак, в прошлом выпуске мы
с Вами решили не ограничиваться простыми шаблонами сайта на
“Народе” и создать более
интересный ресурс, на котором можно было бы еще и немного
заработать. “Народные”
шаблоны, практически, не дают такой возможности.
Поэтому, сегодня мы с Вами
поговорим об одной очень обширной и интересной теме, она
называется HTML.
Впрочем, интересной
сейчас она Вам может и не показаться, но в вопросе
сайтостроения нам ее никак не обойти, поэтому, навострим
свою понималку и приступим…
Чтобы увидеть, что такое
html-код, зайдите на
любую веб – страничку и перейдите в браузере:
Вид – Просмотр html-кода.
В открывшемся окне Блокнота, Вы увидите огромное количество
всяких скобочек, буковок и т.д., а между ними понятный для
глаза текст. Это и есть html-код
страницы.
Не пугайтесь, строить
сайт, набирая все эти кракозябы, нам не придется, однако, с
основными понятиями и тэгами HTML познакомиться необходимо.
Так вот html
(hypertext markup language)
– это язык разметки веб – страницы. Непонятно? Ну, то есть,
как я уже говорил, основной контент сайта – это текст, а вот
эти самые скобочки, крючочки и буквочки определяют, как этот
текст будет выглядеть и где находиться.
А теперь немного практики.
Открываем: Пуск – Программы – Стандартные - Блокнот и пишем:
<html>
<head>
<title> моя первая страница </title>
</head>
<body> Привет всем! Это мой первый сайт </body>
</html>
Теперь в Блокноте идем:
Файл – Сохранить как,
выбираем тип файла: все файлы и сохраняем документ под
каким-нибудь именем, но обязательно с расширением .html,
например index.html. Все! Ваша страничка, созданная
своими руками готова!
Теперь откройте Ваш
index.html там где Вы его сохранили и посмотрите, что
получилось. Забавно, правда?
Так вот – то, что Вы
набирали в блокноте – это общая структура страниц сайта,
т.е. любая из страниц, открываемая браузером, содержит тэги
<html>, <head>, <body>. А тэг – это
оформленная единица html – кода. Тэги бывают
открывающими и закрывающими, начинающимися со знака “/”.
Например, открывающему
тэгу <title> соответствует закрывающий тэг </title>,
а все, что находится между ними, является заголовком
страницы.
А теперь откройте свой
index.html и перейдите: Вид –
Просмотр html-кода. После чего, слева и справа от
надписи “Привет всем! Это мой первый сайт” поставьте тэги,
соответственно, <b> и </b>. Нажмите
“Сохранить” в Блокноте и
Вид – обновить в браузере. Видите, как
изменилась надпись на странице? Правильно, шрифт стал
жирным.
Т.е. тэги <b> и </b>
говорят браузеру, что текст, заключенный между ними, следует
отображать жирным шрифтом.
А теперь попробуйте
поэкспериментировать с тэгами <i> и </i>, поставьте
их вместе, или вместо, тэгов <b> </b> и посмотрите,
как измениться надпись. Сохраните Ваш index.html до
следующего занятия.