KNOWLEDGE HYPERMARKET

Основные теги. Каркас веб-страницы. Полные уроки

Гипермаркет знаний>>Информатика>>Информатика 10 класс. Полные уроки>>Информатика: Основные теги. Каркас веб-страницы.


Содержание

Тема

  • Основные теги. Каркас веб-страницы.

Цель

  • Рассказать об основных командах html-языка при создании сайта. Познакомить со структурой web-страницы.

Ход урока

Прежде всего, нужно сказать, что создание веб-станички происходит в обыкновенном блокноте.

После ввода туда определенных команд, текстовый документ нужно сохранять с расширением .html, а затем страничка просматривается любым браузером.


Созадние веб-страницы


Основные тэги

Язык HTML состоит из команд - тэгов, размещенных в угловые скобки. Существует несколько основных тэгов, присутствующих в тексте любой html-страничке.

Тэги разделяются на парные и непарные.

Например, тэг <p> и </p> является парным, потому как первый открывает, а второй закрывает абзац. Вместе они образуют своеобразный контейнер, где размещен текстовый фрагмент.

Тэг <br> непарный – он является командой к переносу строки и ставится в там, где необходимо выполнить данный приём.


Тэг


Каждая web-страница обязана содержать тэг <HTML>, расположенный в самом начале. Этот тэг описывает документ как web-страницу, выполненную на языке HTML.

Непосредственно за дескриптором <HTML> обычно следует тэг <HEAD>, указывающий на наличие текста, содержащего имя и дополнительные сведения о странице.

В этом разделе обычно содержится тэг <TITLE>, служащий для обозначения имени страницы, отображающаяся в заголовке окна браузера. Название Web-страницы может вмещать символы букв, цифр, пробела


Заголовок


Далее следует тэг <BODY>, указывающий на начало собственно "тела" (англ. Body-тело) html-страницы.

Здесь размещается весь остальной контент:

  • текст
  • графика
  • аудио и видеоматериалы
  • таблицы
  • другие элементы страницы, которые может видеть посетитель сайта.


Body-тело


Графическая информация используется на веб-странице с помощью одинарного тэга «img», атрибуты которого прописываются рядом и перечисляются через пробел:


«img»


1. src - задаёт URL-адрес изображения

2. width - ширина изображения

3. height – высота изображения

4. align - выравнивание изображения на странице (по левому, правому, по центру)


Структура каркас Web-страницы

Структура каркас 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 г.



Отредактировано и выслано преподавателем Киевского национального университета им. Тараса Шевченко Соловьевым М. С.



Над уроком работали

Потапенко Ю. Н.

Гаврилов С. А.

Соловьев М. С.



Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Источник — «http://edufuture.biz/index.php?title=%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D0%BD%D1%8B%D0%B5_%D1%82%D0%B5%D0%B3%D0%B8._%D0%9A%D0%B0%D1%80%D0%BA%D0%B0%D1%81_%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%8B._%D0%9F%D0%BE%D0%BB%D0%BD%D1%8B%D0%B5_%D1%83%D1%80%D0%BE%D0%BA%D0%B8»
Предмети > Информатика > Информатика 10 класс

Авторські права | Privacy Policy |FAQ | Партнери | Контакти | Кейс-уроки

©  Автор системы образования 7W и Гипермаркета Знаний - Владимир Спиваковский

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: