Структура HTML - документаДата: 09/07/2014
Здравствуйте. Это первый урок по HTML, в котором вы узнаете, как создать HTML-страничку, где мы рассмотрим её внутреннюю основную структуру, так сказать, каркас.
Прежде чем начать, хотелось бы немного сказать, что HTML - это аббревиатура от Hypertext Markup Language, что в переводе означает, язык гипертекстовой разметки.
Из этого следует, что HTML - это не особый язык программирования, а, скорее всего, специфичный редактор текста, поэтому исполняющиеся в нём команды называют тегами. Историю создания HTML я вам пересказывать не буду, а сразу начну с главного.
Откройте блокнот и в нём наберите.
Набрали?! Теперь нажмите в блокноте на панели инструментов "Файл" и выберите "Сохранить как...". Выберите папку, куда вы будете сохранять странички своего сайта, а затем в поле имени файла наберите следующее "index.html" и нажмите сохранить! Ваша первая страничка готова! Поздравляю вас, можете открыть сохранённый вами файл двумя щелчками мыши, и вы увидите в своём браузере фразу: Привет. Это моя первая страничка! А теперь давайте разбираться! То, что мы создали HTML-файл с помощью блокнота, вы уже поняли и, надеюсь, у вас здесь вопросов возникнуть не должно. Лишь могу вам дать один совет: после сохранения HTML-файла раскройте его с помощью того же блокнота и посмотрите, в какой кодировке сохранился ваш index.html. Если в UTF-8, то всё хорошо. Если нет, то создайте новый файл и сохраните ваш код заново в этом файле, но глядите, чтобы в виде кодировки стоял автоматически ANSI. Обычно, когда автоматически стоит эта кодировка, то блокнот автоматом переводит его в нужный нам UTF-8 формат. Если напутаете с кодом, то вас ждут кракозябры, поэтому следите за этим! Первая строчка, которую мы набрали, была <document HTML>. Этим тегом мы обозначили, что наш документ относится к HTML-документу, и теперь все браузеры по умолчанию будут понимать, что наш документ принадлежит HTML версии 5. Иногда сюда вставляют, какую версию HTML вы используете, но это не обязательно и даже порой мешает. Далее вы набрали <html> </html>. Это открывающий и закрывающий тег самого документа, где находится голова <head> </head> документа и его тело <body> </body>. Я их называю чердак и комната. Чердак предназначен для того, чтобы мы в нём размещали разные метатеги, речь о которых пойдёт позже и название странички которое заключается между тегами <title> </title>. А в комнате между тегами <body> </body> будет находиться наш видимый для посетителей контент, то есть, если говорить образно - разная мебель. Запомните этот самый первый шаблон, без него у вас ничего работать не будет - это считай каркас вашего дома, а всё остальное лишь убранство и разные украшения! Нам осталось разобрать ещё один вопрос, почему мы назвали наш первый файл index.html? Ответ прост, по этому файлу все поисковые машины интернета будут обращаться к вашему сайту, по-другому - просто индексировать. Можно сказать, что index.html - это крыльцо для вашего дома, по которому будут заходить в него и смотреть, что у вас нового. Я постарался изложить этот урок более доступным языком, чем у других источников, надеюсь, что вы всё поняли и вам понравилось! С уважением, Администратор!
предыдущая
следующая
|
|