Суббота, 23.09.2017, 06:48
ОТКРЫТАЯ ИНФОРМАТИКА
Приветствую Вас Гость | RSS
Главная Понятие языка HTML Регистрация Вход
Меню сайта

Форма входа

Поиск

Календарь
«  Сентябрь 2017  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
252627282930

Понятие языка HTML

Основные понятия:

  • тег
  • структура HTML документа

В основе любого HTML-документа лежит понятие тега (tag). 

Тег – это начальный или конечный маркер элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. 
В тексте HTML-документа теги заключаются в угловые скобки: <тег>. Теги используются для разметки документа, форматирования текста и ряда других функций, но никогда не выводятся браузером на экран. Обычно теги представляют собой пары. В этом случае различают открывающий и закрывающий теги, между которыми может располагаться любой текст, в том числе и любое количество вложенных тегов. Завершающий тег отличается от открывающего наличием слэша (/) перед именем тега:
<тег> текст </тег>.

Структура любого HTML-документа выглядит следующим образом:
<HTML>
<HEAD>
<TITLE> заголовок и описание документа </TITLE>
</HEAD>
<BODY>

текст

</BODY>
</HTML>

<HTML> </HTML>  - начинает и заканчивает любой HTML-документ. 
<HEAD> </HEAD> - область заголовка HTML-документа, служит для формирования структуры документа. Этот элемент включает TITLE и допускает вложение элементов SCRIPT, STYLE.
<TITLE> </TITLE> - элемент для размещения заголовка в окне браузера. 
<BODY> </BODY> - заключает в себе гипертекст, который определяет HTML-документ. Внутри элемента BODY можно использовать все элементы, предназначенные для форматирования HTML-документа. Внутри начального тега элемента BODY можно расположить ряд атрибутов (свойств).
Рассмотрим некоторые из них:
• Установка «обоев»: <body background=”путь к файлу обоев”>,
• Установка цвета фона: <body bgcolor=”цвет”>,
• Установка цвета выводимых символов: <body text=”цвет”>.

Пример: <body bgcolor=”red” text=”yellow”>ТЕКСТ</body>. Данный пример показывает, что в основной области HTML-документа будет располагаться слово ТЕКСТ на красном фоне желтыми буквами. 


Компьютерный практикум:

1. В программе Блокнот создать простейшую структуру HTML-документа.
2. Придумать и записать заголовок страницы внутри элемента TITLE.
3. Записать любой текст внутри элемента BODY.
4. Сохранить файл с расширением .html (например, первая страница.html).
5. Запустить браузер Internet Explorer и просмотреть HTML-документ.
6. Вернуться в Блокнот. Изменить внутреннее наполнение, используя элементы форматирования текста.  

Вопросы для сообщения:

1. Виды сайтов.

2. Инструментарий для создания web-страниц. 

3. Структура web-документа 

4. Навигация по сайту

Дополнительная литература:

1. http://www.botik.ru/~robot/sidorov/index.htm
«Кухня Сидорова», гипертекстовый учебник А.А. Дуванова для начинающих Web-мастеров.

2. Пользовательский курс HTML

3. Элективный курс "Создание сайта на DRUPAL"

Наш опрос
Сколько времени вы обычно проводите за комьпютером?
Всего ответов: 956

Друзья сайта
  • Министерство образования РБ
  • Официальный портал подготовки к ГИА и ЕГЭ
  • Всероссийская олимпиада школьников
  • Федеральный портал Российского образования
  • Институт развития образования РБ

  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

    Copyright MyCorp © 2017 Бесплатный конструктор сайтов - uCoz