Вернуться в блоги
Первый урок HTML
Grimmjow 12 12, 2013
Всем привет! С этого урока начинается курс по гипертекстовой разметки текста(HTML),
я надеюсь вы всё поймёте и будете увлечены сайтостроением, по крайней мере, не меньше чем я)
Для начала хочу сказать, что не стоит качать программы по облегчению работы, такие как дописывающие
код, ищущие в нём ошибки и т.д. Это всё лучше делать самим, лишняя практика ещё никому не помешала)
а код советую писать в текстовом редакторе Notepad++. У этой программы простой интерфейс и есть
подсветка кода, а это, безусловно, плюс. Итак, что же такое HTML? Это разметка страницы. Так называемый
"фундамент". Пока трудно понять, какой же "фундамент" может быть у текста, но после пары практыческих
работ вы разберётесь) Приступим непосредственно, к написанию кода! Создаём в Notepad новый текстовый
фаил(фаил --> новый), называем его index.html (Важно! Обязательно нужно прописать .html) кстати, название
я взял не с потолка, так называют все главные страницы сайтов, а другие страницы вы уже можете называть
как угодно))) Вернёмся к делу, что у нас есть? А у нас есть чистый файл index.html теперь мы пропишем в нём
простейший код. Всё содержимое файла находится в тегах, тоесть "коробках" первый и самый главный тег -
Вы видете, что есть открывающий тег <html> и закрывающий тег - </html> и весь остальной код находится внутри этих тегов.
Теперь мы делаем следующее:
1)В нашем новом документе index.html пишем вот такой код:
=========================================
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Здесь я пишу всё, что хочу видеть на своём сайте.
</body>
</html>
========================================
Знаки "=" писать не надо, это для того, чтобы отделить текст.
Итак, разберёмся, что же это за код такой?
<html> - самый главный тег, он показывает где начинается и где заканчивается код.
<head> - в переводе с английского "заголовок"(или что-то вроде этого) это голова сайта, там находится вся техническая часть.
<title>Заголовок страницы(название вкладки)
<body> - в переводе с английского "туловище" так и есть. Это туловище всего сайта, там мы пишем всё содержание страницы.
2)Сохраняем изменения.
3) открываем наш файл index.html через браузер(Mozilla Firefox, Opera, google Chrome и т.д) для этого просто перетаскиваем фаил в браузер(можно на ярлык)
==========================================================================
Итак, на этом заканчивается первый урок из курса по сайтостроению, я надеюсь у вас всё получилось) в следующих уроках будут скриншоты и всё будет более подробно. Всем пока!