|
|
Строка 1: |
Строка 1: |
- | '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика|Информатика]]>>[[Информатика 10 класс|Информатика 10 класс]]>>Информатика: Основы языка разметки гипертекста''' <metakeywords>язык разметки гипертекста</metakeywords> <br> | + | '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]>>[[Информатика|Информатика]]>>[[Информатика 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> |
| + | |
| + | <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". |
| + | |
| + | Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга |
| + | |
| + | ---- |
| + | |
| + | , а для перевода строки используется одиночный тэг <br>. |
| + | '''Вставка изображений.''' |
| + | |
| + | '''Гиперссылки.''' Гиперссылки, размещенные на 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-страницы? |
| | | |
| <br> | | <br> |
Версия 05:27, 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. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Шрифт.
Форматирование текста. Разделение текста на абзацы производится с помощью контейнера <РХ/Р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут 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 кл. Н.Д. Угринович
Содержание урока
конспект урока
опорный каркас
презентация урока
акселеративные методы
интерактивные технологии
Практика
задачи и упражнения
самопроверка
практикумы, тренинги, кейсы, квесты
домашние задания
дискуссионные вопросы
риторические вопросы от учеников
Иллюстрации
аудио-, видеоклипы и мультимедиа
фотографии, картинки
графики, таблицы, схемы
юмор, анекдоты, приколы, комиксы
притчи, поговорки, кроссворды, цитаты
Дополнения
рефераты
статьи
фишки для любознательных
шпаргалки
учебники основные и дополнительные
словарь терминов
прочие
Совершенствование учебников и уроков
исправление ошибок в учебнике
обновление фрагмента в учебнике
элементы новаторства на уроке
замена устаревших знаний новыми
Только для учителей
идеальные уроки
календарный план на год
методические рекомендации
программы
обсуждения
Интегрированные уроки
Если у вас есть исправления или предложения к данному уроку, напишите нам.
Если вы хотите увидеть другие корректировки и пожелания к урокам, смотрите здесь - Образовательный форум.
|