Перед тем, как начать читать эту тему, призадумайтесь-нужно ли вам это. Сайт- это вещь, за которой нужно постоянно следить, ухаживать, обновлять и украшать. Если вы решились на такой шаг-тогда вперёд.
Урок № 1.
Введение в Интернет и что такое HTML.
Интернет - громадная паутина. В этой паутине можно найти, что вашей душе угодно: видео, аудио, книги, но всё это является информацией. Что бы понять, как Интернет появился нужно немного вдаться в историю.
Прародителем современного Интернета является система ARPAnet, которая была создана по инициативе Министерства Обороны Соединённых Штатов. Он предлагал только FTP(File Transfer Protocol-Протокол Передачи Данных) и электронную почту. Немного после Министерство Обороны отказалось спонсировать новый проект, т.к. у него появилась своя собственная стабильная сеть, но Национальный Научный Фонд США(NSF) взял на себя спонсирование этой системы. Изначально в сети ARPAnet работали только учёные, но вскоре в сеть вступили обыкновенные пользователи.
В 1965 году Нельсон создал язык под названием HTML (Hyper Text Marking Language – Язык разметки гипертекста). HTML-интерпретируемый язык, то есть его не нужно компилировать в машинный код, а ваш браузер при запросе сам «строит» страницу по данному ему коду.
Что нам потребуется для работы:
1.Блокнот.
2.Браузер.
Урок № 2.
Структура HTML страницы.
Представьте себе человека. Можете представить себя самого, или какого либо другого человека, не в этом суть. Вот вам для примера рисунок тела человека.
Давайте, разделим человека на голову и туловище. Голова – носитель информации, хранитель разных реакций на те или иные условия и т.д. Туловище же хранитель разнообразного представления этой информации, например одежда на нём говорит о вкусе человека и т.п.
По сути своей HTML страница имеет такую же структуру. Конечно сравнение очень грубое, но мне кажется, так порой легче понять информацию, нежели просто разъяснять вам код.
Рассмотрим нашу первую HTML страницу.
<html>
<head><title> Приветствую вас на своей первой странице!</title></head> <!-- Вот она голова!! -->
<body> <!-- А вот туловище -->
Первая надпись.
</body>
</html>
Наберите этот текст в блокноте и сохраните под именем “2-1.html”.
После того, как вы запустите файл вы увидите вверху окна в названии файла слова: «Приветствую вас на своей первой странице!», а в окне браузера вы увидите надпись: «Первая надпись.».
Рассмотрим то, что мы написали поближе.
На нашей странице периодически встречаются слова, заключённые между знаками “<” и “>”. Такие знаки называются тэгами, и браузер не отображает их на экране. Тэги нужны для того, что бы браузер «сообразил», где и что должно находиться. Каждый тэг выполняет свою собственную функцию. Существуют парные и непарные тэги. К парным тэгам относятся те тэги, что нужно закрывать другим аналогичным тэгом только со знаком «/» перед ним. Эти тэги называются закрывающими, а другие, естественно, открывающими. Пример:
<title> Приветствую вас на своей первой странице!</title>
Любая HTML страница начинается тэгом <html> и заканчивается тэгом </html>. Это как бы обозначение, что бы браузер понял, где ему считывать код.
Тэг <head>(парный)- заголовок документа. Между тэгами <head> и </head> хранится информация о заголовке страницы, описание страницы, автора, тематики, а так же обычно в нём записываются Java Script’ы.
Между тэгами <title> и </title> записывается Заголовок Документа, который будет отображаться сверху страницы в названии. Этот тэг можно записывать только между тэгом <head>.
Тэги <body> и </body> являются туловищем документа. Между двумя этими тэгами прописывается всё, что будет отображаться в окне браузера.
Ну, вот и всё. Подведём ИТОГ:
1.HTML страница состоит из «головы» и «туловища».
2.Любая HTML страница начинается тэгом <html> и заканчивается тэгом </html>.
3.В «голове» страницы хранится информация о заголовке, описание страницы, автора и Java Script’ы.
4.В «туловище» страницы хранится всё, что отображается на экране.