HTML
|
HTML Начинающим. ВводнаяПриветствую Вас, уважаемый посетитель! Нет сомнений, что Вы уже много побродили по безбрежному морю Интернета. Есть люди, для которых этот параллельный мир – родная стихия. Если Вы хотите сделать первый шаг от простого потребления интернет-информации к активному участию в ее создании – эта страничка поможет Вам сделать этот первый шаг в освоении сайтостроительства. Основа сайтостроения – язык HTML (ХТМЛ) (от англ. HyperText Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Существует большое количество веб-инструментов, позволяющих создавать сайты любой сложности, и новичков охватывает тихий ужас от первого знакомства с ними. Не нужно впадать в отчаяние. Больше половины сайтов в Интернете созданы только с помощью языка ХТМЛ. Освоив предлагаемый материал Вы сможете строить довольно приличные сайты, которые не стыдно будет выставить на всеобщее обозрение. А совершенству нет предела. Основная часть моих статей посвящена изучению языка HTML. В качестве вспомогательного материала здесь предложены таблица цветов, таблица основных тегов, знакомство с мета тегами. Конечно, многое здесь дано в несколько сокращенном виде, но для начала и создания полноценного сайта этого вполне достаточно. Прежде всего, перед началом работы создайте на вашем компьютере отдельную папку для будущей страницы. У себя на компьютере я создал такую папку на диске Е и назвал ее Мой первый сайт. Вы, естественно, можете создать вашу папку, где угодно, и назвать ее, как угодно. Теперь откроем блокнот - notepad (start → programs → accessories → notepad или пуск → программы → стандартные → блокнот) и скопируем туда следующий текст:
Сохраним этот документ, присвоив ему имя index.html
- Файл → Сохранить Как (File → Save as)
Теперь откроем браузер, к примеру, Internet Explorer, и откроем в браузере Ваш документ. Файл - Открыть - кнопка Обзор - Ваш документ (index.html) Если вы что-то измените в вашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в вашем браузере, надо не забывать нажимать в браузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ (блокнот). Посмотрим теперь, что у нас получилось, и разберемся, как все это работает. html не является языком программирования, он предназначен для разметки текстовых документов, с помощью него вы размечаете текст, таблицы, картинки и т.д. на вашей странице. То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги). Пример тэга: <br> он отвечает за перенос текста на другую строку. Попробуйте вставить еще несколько тэгов <br> в нашем документе перед «У меня все получится.». Сохраните. Посмотрите в вашем браузере, что получилось. Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > весь виден при просмотре в браузере. Как вы видите на нашем примере: тэгов много, и они разные. В нашем примере присутствуют обязательные теги, это такие теги, которые вы всегда должны прописывать для каждой своей страницы. <html> Этот тэг должен открывать документ. Если есть открывающий тэг, то должен быть и закрывающий: </html> Некоторые тэги, вроде <br> или <hr>, не требуют закрывающего тэга.
<head> </head> - голова документа <body> </body> - непосредственно тело документа
Все тэги, расположенные между <head> и </head>, это что-то вроде
служебной информации.
Обратите внимание:
|
||||||
2009 - 2021г. | andron09_73@mail.ru |