Например, тэг ''<p>'' и ''</p>'' является ''парным'', потому как первый открывает, а второй закрывает абзац. Вместе они образуют своеобразный контейнер, где размещен текстовый фрагмент.
Например, тэг ''<p>'' и ''</p>'' является ''парным'', потому как первый открывает, а второй закрывает абзац. Вместе они образуют своеобразный контейнер, где размещен текстовый фрагмент.
-
Тэг <br> ''непарный'' – он является командой к переносу строки и ставится в там, где необходимо выполнить данный приём. [[Image:Tegsss.jpg]]
+
Тэг <br> ''непарный'' – он является командой к переносу строки и ставится в там, где необходимо выполнить данный приём.
+
+
+
+
[[Image:Tegsss.jpg|501x347px]]
+
+
Каждая web-страница обязана содержать тэг '''<HTML>''', расположенный в самом начале. Этот тэг описывает документ как web-страницу, выполненную на языке HTML.
Каждая web-страница обязана содержать тэг '''<HTML>''', расположенный в самом начале. Этот тэг описывает документ как web-страницу, выполненную на языке HTML.
Строка 37:
Строка 45:
<br>
<br>
-
В этом разделе обычно содержится тэг '''<TITLE>''', служащий для обозначения имени страницы, отображающаяся в заголовке окна браузера. Название Web-страницы может вмещать <u>символы букв, цифр, пробела</u>. [[Image:Zagolovvok.jpg]]
+
В этом разделе обычно содержится тэг '''<TITLE>''', служащий для обозначения имени страницы, отображающаяся в заголовке окна браузера. Название Web-страницы может вмещать <u>символы букв, цифр, пробела</u>.
+
+
[[Image:Zagolovvok.jpg|552x379px]]
+
+
Далее следует тэг '''<BODY>''', указывающий на начало собственно "тела" (англ. ''Body-''тело) html-страницы.
Далее следует тэг '''<BODY>''', указывающий на начало собственно "тела" (англ. ''Body-''тело) html-страницы.
Строка 51:
Строка 63:
<br>
<br>
-
[[Image:Bodyys.jpg]] ''Графическая ''информация используется на веб-странице с помощью одинарного тэга «img», атрибуты которого прописываются рядом и перечисляются через пробел: [[Image:Ris111.jpg]]
+
[[Image:Bodyys.jpg]]
+
+
+
''Графическая ''информация используется на веб-странице с помощью одинарного тэга «img», атрибуты которого прописываются рядом и перечисляются через пробел: [[Image:Ris111.jpg]]
1. src - задаёт URL-адрес изображения
1. src - задаёт URL-адрес изображения
Строка 61:
Строка 76:
4. align - выравнивание изображения на странице (по левому, правому, по центру)
4. align - выравнивание изображения на странице (по левому, правому, по центру)
Следует отметить, что к выбору''имен web-страниц'' нужно относиться серьезно, потому что именно имена используются поисковыми системами для создания собственно базы данных о всех сайтах.
-
Таким способом, поисковики помогут пользователю быстро найти интересующие странички.
-
Любая web-страница может оказаться найденной поисковой системой – следует только задать определенный набор ключевых слов страницы.
+
Следует отметить, что к выбору''имен web-страниц'' нужно относиться серьезно, потому что именно имена используются поисковыми системами для создания собственно базы данных о всех сайтах.
+
+
Таким способом, поисковики помогут пользователю быстро найти интересующие странички.
+
+
Любая web-страница может оказаться найденной поисковой системой – следует только задать определенный набор ключевых слов страницы.
+
+
{{#ev:youtube| 8Fn9RK_zxlE}}
{{#ev:youtube| 8Fn9RK_zxlE}}
Строка 101:
Строка 123:
4. Структура html-страницы.
4. Структура html-страницы.
+
<br>
+
''Список использованных источников: ''
-
''Список использованных источников: ''
+
1. Урок на тему: «HTML-тэги», Гаврилов С. А., г. Днепродзержинск.
-
+
-
1. Урок на тему: «HTML-тэги», Гаврилов С. А., г. Днепродзержинск.
+
2. Урок на тему: «Каркас Web-страницы», Потапенко Ю. Н., г. Чоп.
2. Урок на тему: «Каркас Web-страницы», Потапенко Ю. Н., г. Чоп.
Строка 113:
Строка 135:
4. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.
4. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.
-
+
<br>
Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.
Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.
-
+
<br>
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].
Если у вас есть исправления или предложения к данному уроку, [http://xvatit.com/index.php?do=feedback напишите нам].
Цель: Рассказать об основных командах html-языка при создании сайта. Познакомить со структурой web-страницы.
Прежде всего, нужно сказать, что создание веб-станички происходит в обыкновенном блокноте.
После ввода туда определенных команд, текстовый документ нужно сохранять с расширением .html, а затем страничка просматривается любым браузером.
Основные тэги.
Язык HTML состоит из команд - тэгов, размещенных в угловые скобки. Существует несколько основных тэгов, присутствующих в тексте любой html-страничке.
Тэги разделяются на парные и непарные.
Например, тэг <p> и </p> является парным, потому как первый открывает, а второй закрывает абзац. Вместе они образуют своеобразный контейнер, где размещен текстовый фрагмент.
Тэг <br> непарный – он является командой к переносу строки и ставится в там, где необходимо выполнить данный приём.
Каждая web-страница обязана содержать тэг <HTML>, расположенный в самом начале. Этот тэг описывает документ как web-страницу, выполненную на языке HTML.
Непосредственно за дескриптором <HTML> обычно следует тэг <HEAD>, указывающий на наличие текста, содержащего имя и дополнительные сведения о странице.
В этом разделе обычно содержится тэг <TITLE>, служащий для обозначения имени страницы, отображающаяся в заголовке окна браузера. Название Web-страницы может вмещать символы букв, цифр, пробела.
Далее следует тэг <BODY>, указывающий на начало собственно "тела" (англ. Body-тело) html-страницы.
Здесь размещается весь остальной контент:
текст
графика
аудио и видеоматериалы
таблицы
другие элементы страницы, которые может видеть посетитель сайта.
Графическая информация используется на веб-странице с помощью одинарного тэга «img», атрибуты которого прописываются рядом и перечисляются через пробел:
1. src - задаёт URL-адрес изображения
2. width - ширина изображения
3. height – высота изображения
4. align - выравнивание изображения на странице (по левому, правому, по центру)
Структура каркас Web-страницы.
Построим каркас будущего HTML-документа:
<html>
<head>
<title>Моя первая страница </title>
</head>
<body> Содержимое страницы </body>
</html>
Следует отметить, что к выборуимен web-страниц нужно относиться серьезно, потому что именно имена используются поисковыми системами для создания собственно базы данных о всех сайтах.
Таким способом, поисковики помогут пользователю быстро найти интересующие странички.
Любая web-страница может оказаться найденной поисковой системой – следует только задать определенный набор ключевых слов страницы.
Вопросы:
1. Что такое тэг?
2. За что отвечает команда раздел HEAD?
3. Зачем нужен тэг BODY?
4. Структура html-страницы.
Список использованных источников:
1. Урок на тему: «HTML-тэги», Гаврилов С. А., г. Днепродзержинск.
2. Урок на тему: «Каркас Web-страницы», Потапенко Ю. Н., г. Чоп.
3. Гончаров А. Самоучитель HTML. - СПб.: Питер, 2002 г.
4. Мержевич В. В. HTML и CSS на примерах. - СПб.: БХВ-Петербург, 2005 г.
Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.
Если у вас есть исправления или предложения к данному уроку, напишите нам.
Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.
