Введение в HTML

Для начала определимся что такое HTML?, как и сказал на предыдущих страницах - это Гипер Текстовый Язык Разметки. Первоначально HTML был создан только для разметки текста на странице, но далее в эти страницы начали вставлять объекты такие как графику, таблицы, формы, фреймы, аплеты, сервелеты и на сегодняшний день ХТМЛ достиг таких высот что способен подгрузить на страницу даже аудио и видео файлы без помощи javascript!!!

К сожалению на этом его полномочия и прекращаются, другими словами ХТМЛ служит лишь для того что-бы вывести всевозможные объекты на дисплей, но не более того...

Рассуждать можно бесконечно, но думаю что Вы здесь не для того что-бы читать пустые демагогии, а изучать ХТМЛ!!!

И так начнем, Введение в HTML!!!
Первым делом мы создадим свою учебную папку, чтобы в нее складывать наши ХТМЛ-файлы, для этого нажимаем в компьютере: "мой компьютер" и переходим диск"C",вот в нем мы и создает папку "my_site", в дальнейшем туда будем сохранять наши ХТМЛ-файлы.

И так приступим к изучению HTML, для начала нам нужно запустить текстовый редактор, любой на ваш выбор, например Блокнот(NotePage), для этого нажмите: кнопку"Пуск", далее выберите "Все программы" ⇒ "Стандартные" ⇒ "Блокнот" и набираем следующий текст:


        <html>
        <head>
        <title>Мой первый сайт</title>
        </head>
        <body>
        Моя первая страница на языке HTML получилась!!!
        </body>
        </html>

Это и есть самый простой ХТМЛ-файл.
Управление(предписание) всеми "объектами" происходит при помощи ТЕГов.
Все теги начинаются с символа < и заканчиваются символом >, все что между этими скобками есть имя тега: <имя тега>. Теги бывают, двух видов: одиночные <имя тега> или теги-контейнеры
<имя тега> содержимое</имя тега>, обратите внимание что в последнем примере один из тегов имеет прямую наклонную черту, она говорит о том что с этого места действие тега окончено.

Давайте не будем круто вникать в теорию а сразу ее закрепим практикой и разберем наш код, который мы набрали в "Блокноте". Ну что такое тег вы наверно уже поняли, тогда разберем наш "простой ХТМЛ-файл", или проще говоря шаблон.
HTML говорит о том что с этого места нужно все обрабатывать как ХТМЛ.
HEAD в переводе с английского "голова", в хтмл-голове вводится информация для браузеров и поисковых систем, например кодировки, мета-теги и многое другое, но об этой голове мы поговорим в самом конце данного раздела.
TITLE - это заголовок, для браузера и поисковых систем, говорить о нем практически нечего, например если посмотрите на свой браузер то увидите текст в верху с лева или над вкладкой: Введение в HTML, так же если вы увидите в результатах поиска эту страницу то текстом ссылки будет этот текст.
BODY в переводе с английского "тело", в нашем случае в это тег вставляется все то что мы хотим вывести на экран, все что вы видите сейчас в своем браузере, это и есть содержимое которое я поместил в тег BODY.

Теперь хочу заметить две вещи:
1)Регистр символов в именах не имеет значения, то есть можно писать так: html так: HTML или даже так: HtMl, но все таки должна быть какая-то этика, и потому лучше писать маленькими буквами.
2) Теги контейнеры могут содержать в себе другие теги-контейнеры, но они не должны переплетаться, т.е <тег1><тег2><тег3></тег3></тег2> </тег1> это правильный вариант,
а <тег1><тег2><тег3></тег2></тег3> </тег1> не правильный, т.к. в этом примере 2 с 3 тегом пересекаются.
И запомните сомае главное, тег который открыт первым закрывается последним, второй предпоследним и так далее...

Ну а нам с вами осталось только сохранить наш код как хтмл-файл, для этого в блокноте нажимаем кнопку "файл"(file) и выбираем "сохранить как"(save as), далее переходим в нашу учебную папку, и в поле "имя файла"(file name) пишем следующий текст: index.html далее нажимаем кнопку "сохранить"(save). Все теперь наш первый документ готов, чтобы его посмотреть зайдите в нашу учебную папку и щелкните по нашему файлу 2 раза и он запустится в браузере.
просмотреть(откроется в новой вкладке)

Хотел бы обратить ваше внимание на имя файла:index.html, а особо обратите внимание на точку внутри, так вот все что до нее это имя файла, а после нее расширение, в нашем случае HTML. От этого зависит получилось у вас сохранить с расширением хтмл или нет.

А для тех новичков которые не смогли правильно сохранить, я сделал следующие две главы, о том как правильно сохранить и редактировать хтмл-файлы.

Смотрите также: