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

KNOWLEDGE HYPERMARKET

 		Версия 05:38, 24 августа 2010 (просмотреть исходный код)
User12  (Обсуждение | вклад)
← Предыдущая правка
		Текущая версия на 14:07, 28 декабря 2012 (просмотреть исходный код)
ВикторияМора  (Обсуждение | вклад) 
 
		
(1 промежуточная версия не показана)
Строка 1:
Строка 1:
- '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика|Информатика]]&gt;&gt;[[Информатика 10 класс|Информатика 10 класс]]&gt;&gt;Информатика: Основы языка разметки гипертекста''' <metakeywords>язык разметки гипертекста</metakeywords> <br>   + <metakeywords>Информатика, класc, урок, на тему, 10 класc, язык разметки гипертекста, Web-страницы, браузер, кодировка, форматирование</metakeywords>  
  
  + '''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика|Информатика]]&gt;&gt;[[Информатика 10 класс|Информатика 10 класс]]&gt;&gt;Информатика: Основы языка разметки гипертекста''' 
  
- '''Структура HTML-кода Web-страницы.''' Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид Web-страницы при ее просмотре в браузере''.   + <br> 
  +  
  + '''Основы языка разметки гипертекста''' 
  +  
  + <br> <br> '''Структура HTML-кода Web-страницы.'''  
  +  
  + Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид '''[[Структура веб-сайтів, різновиди веб-сайтів|Web-страницы]]''' при ее просмотре в браузере''.  
  
- Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер &lt;HTML&gt;&lt;/HTML&gt; и состоит из двух частей: заголовка и отображаемого в браузере содержания.   + Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер &lt;HTML&gt;&lt;/HTML&gt; и состоит из двух частей: заголовка и отображаемого в '''[[Презентация на тему: Что такое Веб - Браузер|браузере]]''' содержания.  
  
- Заголовок страницы помещается в контейнер &lt;HEADX/HEAD&gt;. Заголовок содержит название страницы, которое помещается в контейнер &lt;TITLE&gt;&lt;/TITLE&gt; и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги &lt;МЕТА&gt;, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы.   + Заголовок страницы помещается в контейнер &lt;HEADX/HEAD&gt;. Заголовок содержит название страницы, которое помещается в контейнер &lt;TITLE&gt;&lt;/TITLE&gt; и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги &lt;МЕТА&gt;, имеющие атрибуты. Атрибут charset информирует браузер о '''[[Kодирование текстовой информации|кодировке]]''' Web-страницы.  
  
 Отображаемое в браузере содержание страницы помещается в контейнер &lt;BODY&gt;&lt;/BODY&gt;.    Отображаемое в браузере содержание страницы помещается в контейнер &lt;BODY&gt;&lt;/BODY&gt;.  
Строка 24:
Строка 31:
 &lt;/HTML&gt;    &lt;/HTML&gt;  
  
- Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.   + Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется [http://xvatit.com/it/fishki-ot-itshki/ '''создать'''] для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.  
  
- '''Шрифт.''' Размер шрифта заголовка задается парами тэгов от &lt;Н1х/Н1&gt; (самый крупный) до &lt;Н6х/Н6&gt; (самый мелкий). + <br> 
  
- С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).   + '''Шрифт.''' 
  +  
  + Размер шрифта заголовка задается парами тэгов от &lt;Н1х/Н1&gt; (самый крупный) до &lt;Н6х/Н6&gt; (самый мелкий). 
  +  
  + С помощью тэга FONT и его атрибутов можно задать параметры '''[[Работа 3. Редактируем и форматируем текст. Создаем надписи|форматирования]]''' шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).  
  
 Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.    Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.  
  
- Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатерич-ные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".   + Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".  
  +  
  + <br> 
  +  
  + '''Форматирование текста.''' 
  
- '''Форматирование текста.''' Разделение текста на абзацы производится с помощью контейнера &lt;РХ/Р&gt;. При просмотре в браузере абзацы отделяются друг от друга интервалами.   + Разделение текста на абзацы производится с помощью контейнера &lt;РХ/Р&gt;. При просмотре в браузере абзацы отделяются друг от друга интервалами.  
  
- Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center". + Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center".  
  
 Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг .    Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг .  
  
- '''Вставка изображений.''' Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG.&nbsp;   + <br> 
  +  
  + '''Вставка изображений.'''  
  +  
  + Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG.&nbsp;  
  
 Для вставки изображения используется тэг &lt;IMG&gt; с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:    Для вставки изображения используется тэг &lt;IMG&gt; с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:  
Строка 62:
Строка 81:
 &lt;IMG SRO"file.gif" ALIGN«"right" ALT="Текст"&gt;    &lt;IMG SRO"file.gif" ALIGN«"right" ALT="Текст"&gt;  
  
- '''Гиперссылки.''' Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:   + <br> 
  +  
  + '''Гиперссылки.'''  
  +  
  + Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:  
  
- &lt;А HREF="Адрес"&gt;Указатель ссылки&lt;/А&gt; + &lt;А HREF="Адрес"&gt;Указатель ссылки&lt;/А&gt;  
  
 Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:    Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:  
  
- &lt;А HREF-"fі1е.htm"&gt; + &lt;А HREF-"fі1е.htm"&gt;  
  
 Указатель ссылки&lt;/А&gt; Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:    Указатель ссылки&lt;/А&gt; Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:  
  
 &lt;А HREF="http://www.server.ru/Web-сайт/file.htm"&gt; Указатель ссылки&lt;/А&gt;    &lt;А HREF="http://www.server.ru/Web-сайт/file.htm"&gt; Указатель ссылки&lt;/А&gt;  
  + 
  + <br> 
  
 '''Контрольные вопросы'''    '''Контрольные вопросы'''  
  
- 1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?   + ''1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?'' 
  
- 2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?   + ''2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?'' 
  
- 3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?   + ''3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?'' 
  
 <br>    <br>  
Строка 87:
Строка 112:
  
   '''<u>Содержание урока</u>'''    '''<u>Содержание урока</u>'''
-   '''[[Image:1236084776 kr.jpg|10x10px]] конспект урока                       ''' +   '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] конспект урока                       '''
-   [[Image:1236084776 kr.jpg|10x10px]] опорный каркас    +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] опорный каркас   
-   [[Image:1236084776 kr.jpg|10x10px]] презентация урока +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] презентация урока
-   [[Image:1236084776 kr.jpg|10x10px]] акселеративные методы   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] акселеративные методы  
-   [[Image:1236084776 kr.jpg|10x10px]] интерактивные технологии   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] интерактивные технологии  
         
   '''<u>Практика</u>'''    '''<u>Практика</u>'''
-   [[Image:1236084776 kr.jpg|10x10px]] задачи и упражнения   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] задачи и упражнения  
-   [[Image:1236084776 kr.jpg|10x10px]] самопроверка +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] [http://school.xvatit.com/index.php?title=%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0._%D0%A1%D0%B0%D0%BC%D0%BE%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0 самопроверка]
-   [[Image:1236084776 kr.jpg|10x10px]] практикумы, тренинги, кейсы, квесты +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] практикумы, тренинги, кейсы, квесты
-   [[Image:1236084776 kr.jpg|10x10px]] домашние задания +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] домашние задания
-   [[Image:1236084776 kr.jpg|10x10px]] дискуссионные вопросы +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] дискуссионные вопросы
-   [[Image:1236084776 kr.jpg|10x10px]] риторические вопросы от учеников +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] риторические вопросы от учеников
-   +  
   '''<u>Иллюстрации</u>'''    '''<u>Иллюстрации</u>'''
-   '''[[Image:1236084776 kr.jpg|10x10px]] аудио-, видеоклипы и мультимедиа ''' +   '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] аудио-, видеоклипы и мультимедиа '''
-   [[Image:1236084776 kr.jpg|10x10px]] фотографии, картинки   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] фотографии, картинки  
-   [[Image:1236084776 kr.jpg|10x10px]] графики, таблицы, схемы +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] графики, таблицы, схемы
-   [[Image:1236084776 kr.jpg|10x10px]] юмор, анекдоты, приколы, комиксы +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] юмор, анекдоты, приколы, комиксы
-   [[Image:1236084776 kr.jpg|10x10px]] притчи, поговорки, кроссворды, цитаты +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] притчи, поговорки, кроссворды, цитаты
         
   '''<u>Дополнения</u>'''    '''<u>Дополнения</u>'''
-   '''[[Image:1236084776 kr.jpg|10x10px]] рефераты''' +   '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] рефераты'''
-   [[Image:1236084776 kr.jpg|10x10px]] статьи   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] статьи  
-   [[Image:1236084776 kr.jpg|10x10px]] фишки для любознательных   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] фишки для любознательных  
-   [[Image:1236084776 kr.jpg|10x10px]] шпаргалки   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] шпаргалки  
-   [[Image:1236084776 kr.jpg|10x10px]] учебники основные и дополнительные +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] учебники основные и дополнительные
-   [[Image:1236084776 kr.jpg|10x10px]] словарь терминов                            +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] словарь терминов                           
-   [[Image:1236084776 kr.jpg|10x10px]] прочие   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] прочие  
         
   <u>Совершенствование учебников и уроков    <u>Совершенствование учебников и уроков
-   </u>'''[[Image:1236084776 kr.jpg|10x10px]] исправление ошибок в учебнике''' +   </u>'''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] исправление ошибок в учебнике'''
-   [[Image:1236084776 kr.jpg|10x10px]] обновление фрагмента в учебнике   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] обновление фрагмента в учебнике  
-   [[Image:1236084776 kr.jpg|10x10px]] элементы новаторства на уроке   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] элементы новаторства на уроке  
-   [[Image:1236084776 kr.jpg|10x10px]] замена устаревших знаний новыми   +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] замена устаревших знаний новыми  
-   +  
   '''<u>Только для учителей</u>'''    '''<u>Только для учителей</u>'''
-   '''[[Image:1236084776 kr.jpg|10x10px]] идеальные уроки ''' +   '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] идеальные уроки '''
-   [[Image:1236084776 kr.jpg|10x10px]] календарный план на год    +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] календарный план на год   
-   [[Image:1236084776 kr.jpg|10x10px]] методические рекомендации    +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] методические рекомендации   
-   [[Image:1236084776 kr.jpg|10x10px]] программы +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] программы
-   [[Image:1236084776 kr.jpg|10x10px]] обсуждения +   [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] обсуждения
         
         
Текущая версия на 14:07, 28 декабря 2012
 
Гипермаркет знаний>>Информатика>>Информатика 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 кл. Н.Д. Угринович
 
 

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

Практика
 задачи и упражнения 
 самопроверка
 практикумы, тренинги, кейсы, квесты
 домашние задания
 дискуссионные вопросы
 риторические вопросы от учеников

Иллюстрации
 аудио-, видеоклипы и мультимедиа 
 фотографии, картинки 
 графики, таблицы, схемы
 юмор, анекдоты, приколы, комиксы
 притчи, поговорки, кроссворды, цитаты

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

Совершенствование учебников и уроков
 исправление ошибок в учебнике
 обновление фрагмента в учебнике 
 элементы новаторства на уроке 
 замена устаревших знаний новыми 

Только для учителей
 идеальные уроки 
 календарный план на год  
 методические рекомендации  
 программы
 обсуждения


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



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

Источник — «http://edufuture.biz/index.php?title=%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0»
@@ Строка 1: / Строка 1: @@
-'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика|Информатика]]&gt;&gt;[[Информатика 10 класс|Информатика 10 класс]]&gt;&gt;Информатика: Основы языка разметки гипертекста''' <metakeywords>язык разметки гипертекста</metakeywords> <br>
+<metakeywords>Информатика, класc, урок, на тему, 10 класc, язык разметки гипертекста, Web-страницы, браузер, кодировка, форматирование</metakeywords>
+'''[[Гипермаркет знаний - первый в мире!|Гипермаркет знаний]]&gt;&gt;[[Информатика|Информатика]]&gt;&gt;[[Информатика 10 класс|Информатика 10 класс]]&gt;&gt;Информатика: Основы языка разметки гипертекста'''
-'''Структура HTML-кода Web-страницы.''' Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид Web-страницы при ее просмотре в браузере''.
+<br>
+'''Основы языка разметки гипертекста'''
+<br> <br> '''Структура HTML-кода Web-страницы.'''
+Web-страницы создаются с использованием языка разметки гипертекстовых документов HTML (Hyper Text Markup Language). В обычный текстовый документ вставляются управляющие символы (HTML -тэги ), ''которые определяют вид '''[[Структура веб-сайтів, різновиди веб-сайтів|Web-страницы]]''' при ее просмотре в браузере''.
-Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер &lt;HTML&gt;&lt;/HTML&gt; и состоит из двух частей: заголовка и отображаемого в браузере содержания.
+Тэги заключаются в угловые скобки и могут быть одиночными или парными. Парный тэг содержит открывающий и закрывающий тэги (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением тэга. Тэги могут записываться как прописными, так и строчными буквами. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Web-страница помещается в контейнер &lt;HTML&gt;&lt;/HTML&gt; и состоит из двух частей: заголовка и отображаемого в '''[[Презентация на тему: Что такое Веб - Браузер|браузере]]''' содержания.
-Заголовок страницы помещается в контейнер &lt;HEADX/HEAD&gt;. Заголовок содержит название страницы, которое помещается в контейнер &lt;TITLE&gt;&lt;/TITLE&gt; и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги &lt;МЕТА&gt;, имеющие атрибуты. Атрибут charset информирует браузер о кодировке Web-страницы.
+Заголовок страницы помещается в контейнер &lt;HEADX/HEAD&gt;. Заголовок содержит название страницы, которое помещается в контейнер &lt;TITLE&gt;&lt;/TITLE&gt; и при просмотре отображается в верхней строке окна браузера. В раздел заголовка Web-страницы могут быть добавлены информационные одиночные тэги &lt;МЕТА&gt;, имеющие атрибуты. Атрибут charset информирует браузер о '''[[Kодирование текстовой информации|кодировке]]''' Web-страницы.
 Отображаемое в браузере содержание страницы помещается в контейнер &lt;BODY&gt;&lt;/BODY&gt;.
@@ Строка 24: / Строка 31: @@
 &lt;/HTML&gt;
-Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
+Web-страницу необходимо сохранить в виде файла, начальную страницу сайта сохраняют обычно под именем index.htm. К качестве расширения имени файла Web-страницы можно также использовать html. Рекомендуется [http://xvatit.com/it/fishki-ot-itshki/ '''создать'''] для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
-'''Шрифт.''' Размер шрифта заголовка задается парами тэгов от &lt;Н1х/Н1&gt; (самый крупный) до &lt;Н6х/Н6&gt; (самый мелкий).
+<br>
-С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).
+'''Шрифт.'''
+Размер шрифта заголовка задается парами тэгов от &lt;Н1х/Н1&gt; (самый крупный) до &lt;Н6х/Н6&gt; (самый мелкий).
+С помощью тэга FONT и его атрибутов можно задать параметры '''[[Работа 3. Редактируем и форматируем текст. Создаем надписи|форматирования]]''' шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE - размер шрифта (например, SIZE=4).
 Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR= "blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.
-Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатерич-ные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".
+Шестнадцатеричное представление цвета использует RGB-формат "#RRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красной) (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цветов. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением "#0000FF".
+<br>
+'''Форматирование текста.'''
-'''Форматирование текста.''' Разделение текста на абзацы производится с помощью контейнера &lt;РХ/Р&gt;. При просмотре в браузере абзацы отделяются друг от друга интервалами.
+Разделение текста на абзацы производится с помощью контейнера &lt;РХ/Р&gt;. При просмотре в браузере абзацы отделяются друг от друга интервалами.
 Для каждого абзаца можно задать определенный тип выравнивания. Способ выравнивания текста позволяет задать атрибут ALIGN. Выравнивание по левой границе: ALIGN-" left", выравнивание по правой границе: ALIGN-"right", выравнивание по центру: ALIGN="center".
 Заголовки целесообразно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга, а для перевода строки используется одиночный тэг .
-'''Вставка изображений.''' Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG.&nbsp;
+<br>
+'''Вставка изображений.'''
+Нa Web-страницы можно помещать изображения, хранящиеся в графических файлах сжатых форматов — GIF, JPEG и PNG.&nbsp;
 Для вставки изображения используется тэг &lt;IMG&gt; с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:
@@ Строка 62: / Строка 81: @@
 &lt;IMG SRO"file.gif" ALIGN«"right" ALT="Текст"&gt;
-'''Гиперссылки.''' Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:
+<br>
+'''Гиперссылки.'''
+Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки. Гиперссылка создается с помощью универсального тэга и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:
 &lt;А HREF="Адрес"&gt;Указатель ссылки&lt;/А&gt;
 Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:
 &lt;А HREF-"fі1е.htm"&gt;
 Указатель ссылки&lt;/А&gt; Если загружаемая в браузер Web-страница размещена в Интернете, то в качестве адреса указывается Интернет-адрес, например:
 &lt;А HREF="http://www.server.ru/Web-сайт/file.htm"&gt; Указатель ссылки&lt;/А&gt;
+<br>
 '''Контрольные вопросы'''
-. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?
+''1. Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?''
-. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?
+''2. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?''
-. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?
+''3. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?''
 <br>
@@ Строка 87: / Строка 112: @@
   '''<u>Содержание урока</u>'''
-  '''[[Image:1236084776 kr.jpg|10x10px]] конспект урока                       '''
+  '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] конспект урока                       '''
-  [[Image:1236084776 kr.jpg|10x10px]] опорный каркас
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] опорный каркас
-  [[Image:1236084776 kr.jpg|10x10px]] презентация урока
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] презентация урока
-  [[Image:1236084776 kr.jpg|10x10px]] акселеративные методы
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] акселеративные методы
-  [[Image:1236084776 kr.jpg|10x10px]] интерактивные технологии
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] интерактивные технологии
   '''<u>Практика</u>'''
-  [[Image:1236084776 kr.jpg|10x10px]] задачи и упражнения
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] задачи и упражнения
-  [[Image:1236084776 kr.jpg|10x10px]] самопроверка
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] [http://school.xvatit.com/index.php?title=%D0%9A%D0%B0%D1%82%D0%B5%D0%B3%D0%BE%D1%80%D0%B8%D1%8F:%D0%9E%D1%81%D0%BD%D0%BE%D0%B2%D1%8B_%D1%8F%D0%B7%D1%8B%D0%BA%D0%B0_%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D0%B8_%D0%B3%D0%B8%D0%BF%D0%B5%D1%80%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0._%D0%A1%D0%B0%D0%BC%D0%BE%D0%BF%D1%80%D0%BE%D0%B2%D0%B5%D1%80%D0%BA%D0%B0 самопроверка]
-  [[Image:1236084776 kr.jpg|10x10px]] практикумы, тренинги, кейсы, квесты
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] практикумы, тренинги, кейсы, квесты
-  [[Image:1236084776 kr.jpg|10x10px]] домашние задания
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] домашние задания
-  [[Image:1236084776 kr.jpg|10x10px]] дискуссионные вопросы
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] дискуссионные вопросы
-  [[Image:1236084776 kr.jpg|10x10px]] риторические вопросы от учеников
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] риторические вопросы от учеников
   '''<u>Иллюстрации</u>'''
-  '''[[Image:1236084776 kr.jpg|10x10px]] аудио-, видеоклипы и мультимедиа '''
+  '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] аудио-, видеоклипы и мультимедиа '''
-  [[Image:1236084776 kr.jpg|10x10px]] фотографии, картинки
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] фотографии, картинки
-  [[Image:1236084776 kr.jpg|10x10px]] графики, таблицы, схемы
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] графики, таблицы, схемы
-  [[Image:1236084776 kr.jpg|10x10px]] юмор, анекдоты, приколы, комиксы
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] юмор, анекдоты, приколы, комиксы
-  [[Image:1236084776 kr.jpg|10x10px]] притчи, поговорки, кроссворды, цитаты
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] притчи, поговорки, кроссворды, цитаты
   '''<u>Дополнения</u>'''
-  '''[[Image:1236084776 kr.jpg|10x10px]] рефераты'''
+  '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] рефераты'''
-  [[Image:1236084776 kr.jpg|10x10px]] статьи
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] статьи
-  [[Image:1236084776 kr.jpg|10x10px]] фишки для любознательных
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] фишки для любознательных
-  [[Image:1236084776 kr.jpg|10x10px]] шпаргалки
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] шпаргалки
-  [[Image:1236084776 kr.jpg|10x10px]] учебники основные и дополнительные
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] учебники основные и дополнительные
-  [[Image:1236084776 kr.jpg|10x10px]] словарь терминов
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] словарь терминов
-  [[Image:1236084776 kr.jpg|10x10px]] прочие
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] прочие
   <u>Совершенствование учебников и уроков
-  </u>'''[[Image:1236084776 kr.jpg|10x10px]] исправление ошибок в учебнике'''
+  </u>'''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] исправление ошибок в учебнике'''
-  [[Image:1236084776 kr.jpg|10x10px]] обновление фрагмента в учебнике
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] обновление фрагмента в учебнике
-  [[Image:1236084776 kr.jpg|10x10px]] элементы новаторства на уроке
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] элементы новаторства на уроке
-  [[Image:1236084776 kr.jpg|10x10px]] замена устаревших знаний новыми
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] замена устаревших знаний новыми
   '''<u>Только для учителей</u>'''
-  '''[[Image:1236084776 kr.jpg|10x10px]] идеальные уроки '''
+  '''[[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] идеальные уроки '''
-  [[Image:1236084776 kr.jpg|10x10px]] календарный план на год
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] календарный план на год
-  [[Image:1236084776 kr.jpg|10x10px]] методические рекомендации
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] методические рекомендации
-  [[Image:1236084776 kr.jpg|10x10px]] программы
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] программы
-  [[Image:1236084776 kr.jpg|10x10px]] обсуждения
+  [[Image:1236084776 kr.jpg|10x10px|1236084776 kr.jpg]] обсуждения

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

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

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