|
|
Строка 1: |
Строка 1: |
- | '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика|Информатика]]>>[[Информатика 10 класс|Информатика 10 класс]]>>Информатика: Основы языка разметки гипертекста''' <metakeywords>язык разметки гипертекста</metakeywords> <br> '''Структура HTML-кода Web-страницы.''' Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид Web-страницы при ее просмотре в браузере''. Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания. Заголовок страницы помещается в контейнер <HEADX/HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <МЕТА>, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы. Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>. | + | '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика|Информатика]]>>[[Информатика 10 класс|Информатика 10 класс]]>>Информатика: Основы языка разметки гипертекста''' <metakeywords>язык разметки гипертекста</metakeywords> <br> |
| + | |
| + | |
| + | '''Структура HTML-кода Web-страницы.''' Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид Web-страницы при ее просмотре в браузере''. |
| + | |
| + | Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер <HTML></HTML> и состоит из двух частей: заголовка и отображаемого в браузере содержания. |
| + | |
| + | Заголовок страницы помещается в контейнер <HEADX/HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги <МЕТА>, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы. |
| + | |
| + | Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>. |
| | | |
| <HTML> | | <HTML> |
Строка 11: |
Строка 20: |
| </HEAD> | | </HEAD> |
| | | |
- | <BODY> </BODY> | + | <BODY> </BODY> |
| | | |
| </HTML> | | </HTML> |
| | | |
- | Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке. | + | Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке. |
| | | |
- | '''Шрифт.''' | + | '''Шрифт.''' Размер шрифта заголовка задается парами тэгов от <Н1х/Н1> (самый крупный) до <Н6х/Н6> (самый мелкий). |
| | | |
- | '''Форматирование текста.''' Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center".
| + | С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4). |
| | | |
- | Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга
| + | Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением. |
| | | |
- | ---- | + | Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатерич-ные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF". |
| | | |
- | , а для перевода строки используется одиночный тэг <br>.
| + | '''Форматирование текста.''' Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. |
- | '''Вставка изображений.''' | + | |
| | | |
- | '''Гиперссылки.''' Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница: <А HREF="Адрес">Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например: <А HREF-"fі1е.htm">Указатель ссылки</А> Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-ад-рес, например: <А HREF="http://www.server.ru/Web-сайт/file.htm"> Указатель ссылки</А> | + | Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center". |
| + | |
| + | Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг . |
| + | |
| + | '''Вставка изображений.''' Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG. |
| + | |
| + | Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например: |
| + | |
| + | <IMG SRC="file.gif"> |
| + | |
| + | Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической файловой системе. Например: |
| + | |
| + | <IM G SRC="path\file. gif "> |
| + | |
| + | Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например: |
| + | |
| + | <IMG SRC="http://www.server.ru/file.gif"> |
| + | |
| + | Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может принимать пять различных значений: TCP (верх), KIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид: |
| + | |
| + | <IMG SRC="file.gif" ALIGN="right"> |
| + | |
| + | Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст. Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке: |
| + | |
| + | <IMG SRO"file.gif" ALIGN«"right" ALT="Текст"> |
| + | |
| + | '''Гиперссылки.''' Гиперссылки, размещенные на 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-страницы? | + | 1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы? |
| + | |
| + | 2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев? |
| + | |
| + | 3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы? |
| | | |
| <br> | | <br> |
Версия 05:38, 24 августа 2010
Гипермаркет знаний>>Информатика>>Информатика 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. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Шрифт. Размер шрифта заголовка задается парами тэгов от <Н1х/Н1> (самый крупный) до <Н6х/Н6> (самый мелкий).
С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).
Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.
Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатерич-ные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".
Форматирование текста. Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами.
Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center".
Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг .
Вставка изображений. Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG.
Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:
<IMG SRC="file.gif">
Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической файловой системе. Например:
<IM G SRC="path\file. gif ">
Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:
<IMG SRC="">
Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может принимать пять различных значений: TCP (верх), KIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа). Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид:
<IMG SRC="file.gif" ALIGN="right">
Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст. Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:
<IMG SRO"file.gif" ALIGN«"right" ALT="Текст">
Гиперссылки. Гиперссылки, размещенные на 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 кл. Н.Д. Угринович
Содержание урока
конспект урока
опорный каркас
презентация урока
акселеративные методы
интерактивные технологии
Практика
задачи и упражнения
самопроверка
практикумы, тренинги, кейсы, квесты
домашние задания
дискуссионные вопросы
риторические вопросы от учеников
Иллюстрации
аудио-, видеоклипы и мультимедиа
фотографии, картинки
графики, таблицы, схемы
юмор, анекдоты, приколы, комиксы
притчи, поговорки, кроссворды, цитаты
Дополнения
рефераты
статьи
фишки для любознательных
шпаргалки
учебники основные и дополнительные
словарь терминов
прочие
Совершенствование учебников и уроков
исправление ошибок в учебнике
обновление фрагмента в учебнике
элементы новаторства на уроке
замена устаревших знаний новыми
Только для учителей
идеальные уроки
календарный план на год
методические рекомендации
программы
обсуждения
Интегрированные уроки
Если у вас есть исправления или предложения к данному уроку, напишите нам.
Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.
|