 В этом уроке мы рассмотрим основы языка HTML. Если Вы новичок и ещё ничего не знаете про HTML, то эта статья именно для Вас. Итак в самом начале логичнее всего начать изучать что - либо с определения. И именно с определения мы и начнём. HTML - сокращённо от английских слов HyperText Markup Language, переводится как язык гипертекстовой разметки - язык программирования или разметки Web страниц в Интернете.
Как видите здесь речь идёт не просто о тексте, а именно о гипертексте. Гипертекст, это текст, который содержит в себе ссылки. HTML - занимается разметкой Web страниц, содержащих в себе, текст, ссылки, изображения. Теперь, когда всё с определением понятно, давайте приступим непосредственно к коду HTML, что он из себя представляет и какие принципы лежат в его основе. А в основе понимания языка гипертекстовой разметки лежит очень простой принцип: Все объекты и элементы на HTML страницах заключаются в тэги. Тэг - это специальное зарезервированное слово, помещенное вот в такие скобочки <>. Существуют открывающий тэг, например <HTML> и закрывающий тэг,</HTML> , пара тэгов, открывающий и закрывающий создают некий контейнер для тех или иных данных, в случае с HTML, эти пара тэгов являются контейнером для всего HTML документа. Наряду с тем, что тэги существуют попарно, открывающий, закрывающий, также существуют одиночные тэги, например тэг <LI> который обозначает строчку маркированного списка. Пример такого списка представляю Вам ниже: Вот что из себя представляет HTML - код этой записи: |
| |
<body>
| |
<ul>
| |
<li>Тэги
| |
<li>Стили
| |
<li>Страницы
| |
</ul>
| |
|
Хотя, хочу сказать Вам по секрету мой редактор кода подставил в данном примере закрывающий тэг </LI>, обычно всё же достаточно одного открывающего тэга LI, а пара тэгов UL, создают в данном случае контейнер для маркированного списка. Теперь, когда немного понятно, что такое тэги и какие они бывают давайте рассмотрим пример простого HTML документа, из каких же тэгов он состоит, ниже представляю Вам код каркаса самого обычного HTML документа с описание назначения каждого тэга: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
| |
<html>
| |
<head>
| |
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
| |
<title>Untitled Document</title>
| |
</head>
| |
| |
<body>
| |
</body>
| |
</html>
|
Вот таким образом создается в самом начале любой HTML документа, данный кода, который Вы рассмотрели выше обычно вставляется автоматически программами - редакторами, к примеру одной из таких программ является Adobe Dreamveawer, если у Вас кстати ещё её нет советую Вам ей обзовестись. После того, как HTML документ создан он сохраняется в файл с расширение *.htm или *.html, к примеру файл index.html - является главным файлом, с которого начинается загрузка HTML файла, также файлы с кодом HTML могут иметь расширение php, к примеру index.php - эти файлы содержут в себе также PHP - код. Ну что - ж из самых базовых основ HTML - это всё и теперь можете переходить к изучению тэгов HTML, чтобы полноценно создавать HTML странички для Вашего сайта. |
