Статьи
iT заметки
HTML&CSS
Основы HTML
07.10.2014 в 18:09:53 |
|
Просмотров: 1402 |
0 ответов
HTML – Это язык, с помощью которого программа просмотра Интернет-страниц получает указания, что и как ей показывать. Такую программу называют браузером, в Windows это по умолчанию Internet Explorer.
Создание страницы
Откроем блокнот и поместим туда следующее (только то, что выделено черным):<html> -начало страницы сообщение браузеру что используется html
<head> -буквально голова, по русски шапка документа
</head> - голова (шапка) закончилась
<body> -тело, рабочая часть страницы
</body> -окончание рабочей части
</html> -окончание страницы Это теги (tag). Каждый из них отдает команду браузеру на то или иное действие. Большинство из них идет в паре: октрывающий <...> и закрывающий </...>. Но бывает, что закрывающий тег не нужен, например < br>, тег переноса на следующую строку, как клавиша Enter. Теперь между тегами < head> и </head> вставим заголовок (титул) < title> Настоящая страница </title>. Это то, что будет отображатся в заглавии окна, в верхнем левом углу экрана монитора, перед названием браузера. Любой текст помещенный между тегами < body> и </body> будет отображаться в рабочей области страницы с параметрами (размер, цвет, шрифт, и т.д.) принятыми по умолчанию в браузере. Итак, что получилось?
<html>
<head>
<title>Настоящая страница</title>
</head>
<body>Текст который должен находится на странице
</body>
</html> Если лень вводить с клавиатуры, можно просто копировать мой пример, но я советую вводить в ручную и начинать именно с блокнота. Позже, когда придет понимание, можно будет работать в HTML редакторе, которых существует великое множество. Если, конечно, захотите. Теперь надо сохранить текстовый документ и закрыть блокнот. Имя пока можно не менять, главное запомнить папку в которой он сохранен. Потому что теперь у этого документа надо сменить расширение. Расширение это несколько английских букв в имени файла, стоящих после точки, например: file.txt, text.doc, song.mp3, picture.jpg , table.xls и т.д. которые сообщают компьютеру с чем он имеет дело, с текстом, звуком, картинкой или чем-то еще. Нам нужно, чтобы наш докумен воспринимался как файл html. Небольшая сложность состоит в том, что например в Windows XP, расширения файлов скрыты по умолчанию и при переименовании файла расширение не меняется. Неопытный пользователь может просто не понять о каких расширениях идет речь.
Делаем так: ПАНЕЛЬ УПРАВЛЕНИЯ---->ПРОИЗВОДИТЕЛЬНОСТЬ И ОБСЛУЖИВАНИЕ---->ТИПЫ ФАЙЛОВ(в меню слева)---->в появившемся окне СВОЙСТВА ПАПКИ выбрать закладку ВИД снять галочку у пункта СКРЫВАТЬ РАСШИРЕНИЯ ДЛЯ ЗАРЕГИСТРИРОВАННЫХ ТИПОВ ФАЙЛОВ, нажать ОК. Потом лучше все вернуть на место, но в данных момент таким образом у файлов появяться расширения, и вы поймете, о чем собственно я. Еще лучше использовать файловый менеджер, в нем файлы переименовываються вместе с расширениями. Едем дальше. Файл, который мы сохранили, как Безымянный.txt надо переименовать в index.html, если всё прошло успешно, иконка файла должна изменится на другую, обозначающую файл интернета.
Имя index по умолчанию присваивается той странице сайта, с которой начинается просмотр, обычно главной странице. А с неё осуществляется переход на другие страницы. Простейший сайт, это ничто иное как набор страниц. Теперь, созданый файл html открываем в браузере. Если что-то не вышло, внимательно проверьте синтаксис. Для этого не закрывая файл в браузере откройте его в блокноте, щелкнув по нему правой кнопкой и выбрав пункт открыть с помощью... Так можно редактировать файл. Только не забывайте сохранять внесенные изменения. А, чтобы увидеть их в браузере нужно ОБНОВИТЬ страницу(F5). Если получилось, ну что же, хорошо в общем это уже страница интернета, её можно поместить на сервер, и кто-то увидит ваши гениальные мысли. Если будет знать, как Вашу страницу найти. Но выглядеть это будет очень примитивно. Текст будет смотрется единым блоком, нет картинок и ссылок на другие страницы. В общем, непривлекательно.
обсудить на форуме |
1402 визита ↳ 0 ответов | Ваше мнение о материале | Голосовало: 1 |
