Уважаемые пользователи!
Как устроен язык HTML? На самом деле HTML это всего лишь обычный Microsoft Word, только отличие одно Word это визуальный редактор текста, а это текстовый редактор.
Что бы создавать сайты на языке HTML вам ничего не нужно, кроме браузера и программы "Блокнот" Windows XP и выше этот продукт уже встроен. Необходимо сказать, что бы превратить ниже указанный код в свою интернет страницу необходимо:
1) Нажать "Файл"
2)"Сохранить как..."
3) Имя файла "Ntcn.html"
4) Тип файла "Все файлы"
5) Кодировка uft-8, а строка <meta charset="utf-8"> нужна для корректной работы Вашего файла на сервере
Каждый документ(HTML) начинается с тэга DOCTYPE. Тут думаю понятно DOCTYPE объявляет тип документа. В нашем случае это html. При 4-й версии синтаксис кода выглядел довольно страшновато, но после выхода 5-й версии все изменилось и первая строка кода выглядела вот так:
1.<!DOCTYPE html> //стандартная строка в настоящее время
Теперь что бы начать документ введем следующую строку кода html:
2.<html>
Это только первые две строки, но что же дальше. Представим себе человека. У него есть голова и тело. Вот поэтому в документе HTML третья строка кода будет head:
3. <head>
Теперь нам нужны международные символы(китайские, например),это 8-я кодировка в HTML:
4.<meta charset="utf-8">
Вспомним случай, когда необходимо познакомится назвать свое имя. В Интернете это правило так же действует. Сайты представляются например, Привет, я Яндекс/Google.
Как же назвать свой сайт? Тут уже все зависит от Вас и тематики Вашего сайта.
5.<title>Мой первый сайт</title>
Теперь тэг head можно закрыть. Но в тоже время пора добавить к голове тело, что на английском body:
6.</head>
7.<body>
Пришел момент, когда мы добавим строку кода и в браузере у нас все отобразится. Этой строкой будет: Привет, мир!(на элементе div)
8.<div align="center">Привет,мир!</div>
Теперь просто закрываем элементы, которые у нас остались. Итак, head и title мы закрыли, мета (<meta>) данные в закрытии, остались только body и html. Давайте поскорей введем их.
9. </body>
10. </html>
Мы сделали свой первый сайт. Это не все возможности html. К сожалению, такой маленький результат будет любой программе, здесь в HTML, чем больше кода - больше элементов.
На этом все, а для закрепления поменяйте слово "мир" на другое удобное для Вас слова.
|