KNOWLEDGE HYPERMARKET


Основы языка разметки гипертекста

Гипермаркет знаний>>Информатика>>Информатика 10 класс>>Информатика: Основы языка разметки гипертекста
Структура HTML-кода Web-страницы. Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), которые определяют вид Web-страницы при ее просмотре в браузере. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания. Заголовок страницы помещается в контейнер <HEADX/HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <МЕТА>, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы. Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.

<HTML>

<HEAD>

<TITLE>Заголовск страницы«:/TITLE>

<МЕТА ="text/html; charset=windows-1251" http-equiv="content-type">

</HEAD>

<BODY> </BODY>

</HTML>

Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.

Шрифт.

Форматирование текста. Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center".

Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга


, а для перевода строки используется одиночный тэг
. Вставка изображений.

Гиперссылки. Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница: <А HREF="Адрес">Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например: <А HREF-"fі1е.htm">Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-ад-рес, например: <А HREF="http://www.server.ru/Web-сайт/file.htm"> Указатель ссылки</А>

Контрольные вопросы

1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы? 2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев? 3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?



Информатика и ИКТ: Учебник для 10 кл. Н.Д. Угринович

Содержание урока
1236084776 kr.jpg конспект урока                       
1236084776 kr.jpg опорный каркас  
1236084776 kr.jpg презентация урока
1236084776 kr.jpg акселеративные методы 
1236084776 kr.jpg интерактивные технологии 

Практика
1236084776 kr.jpg задачи и упражнения 
1236084776 kr.jpg самопроверка
1236084776 kr.jpg практикумы, тренинги, кейсы, квесты
1236084776 kr.jpg домашние задания
1236084776 kr.jpg дискуссионные вопросы
1236084776 kr.jpg риторические вопросы от учеников
 
Иллюстрации
1236084776 kr.jpg аудио-, видеоклипы и мультимедиа 
1236084776 kr.jpg фотографии, картинки 
1236084776 kr.jpg графики, таблицы, схемы
1236084776 kr.jpg юмор, анекдоты, приколы, комиксы
1236084776 kr.jpg притчи, поговорки, кроссворды, цитаты

Дополнения
1236084776 kr.jpg рефераты
1236084776 kr.jpg статьи 
1236084776 kr.jpg фишки для любознательных 
1236084776 kr.jpg шпаргалки 
1236084776 kr.jpg учебники основные и дополнительные
1236084776 kr.jpg словарь терминов                          
1236084776 kr.jpg прочие 

Совершенствование учебников и уроков
1236084776 kr.jpg исправление ошибок в учебнике
1236084776 kr.jpg обновление фрагмента в учебнике 
1236084776 kr.jpg элементы новаторства на уроке 
1236084776 kr.jpg замена устаревших знаний новыми 
 
Только для учителей
1236084776 kr.jpg идеальные уроки 
1236084776 kr.jpg календарный план на год  
1236084776 kr.jpg методические рекомендации  
1236084776 kr.jpg программы
1236084776 kr.jpg обсуждения


Интегрированные уроки


Если у вас есть исправления или предложения к данному уроку, напишите нам.

Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.