User16 в 11:43, 20 июля 2011

2011-07-20T11:43:11Z

User16 в 11:19, 20 июля 2011

2011-07-20T11:19:48Z

User16 в 10:42, 20 июля 2011

2011-07-20T10:42:52Z

← Предыдущая		Версия 10:42, 20 июля 2011
Строка 1:		Строка 1:
-	<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформатика, клас, урок, на Тему, Служба WWW, Гіпертекстові документи, гіперпосилання, Веб-сторінки, веб-сайти, веб-портали, презентація уроку</metakeywords>	+	<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформатика, клас, урок, на Тему, Служба WWW, Гіпертекстові документи, гіперпосилання, Веб-сторінки, веб-сайти, веб-портали, презентація уроку</metakeywords>

-	'''[[Гіпермаркет Знань - перший в світі!\|Гіпермаркет Знань]]>>[[Інформатика\|Інформатика ]]>>[[Інформатика 8 клас\|Інформатика 8 клас]]>> Інформатика:Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.'''	+	'''[[Гіпермаркет Знань - перший в світі!\|Гіпермаркет Знань]]>>[[Інформатика\|Інформатика ]]>>[[Інформатика 8 клас\|Інформатика 8 клас]]>> Інформатика:Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.'''

-	Презентація до предмету '''[[Інформатика 8 клас\|Інформатика 8 клас]]'''.	+	Презентація до предмету '''[[Інформатика 8 клас\|Інформатика 8 клас]]'''.

-	Тема '''«[[Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.\|Язык разметки гипертекста]]»'''.	+	Тема '''«[[Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.\|Язык разметки гипертекста]]»'''.

-	~~ТУТ БУДЕ ТЕКСТ~~

-	<br>'''Перейти до презентації можна клікнувши на текст "[http://school.xvatit.com/Presentation/Kuratory/Isupov/2_prezent_8kl_t11_inf_1.ppt Презентація]" і встановивши Microsoft PowerPoint '''<br>
-	~~<br>~~

-	~~Надіслано вчителем інформатики Ісуповим С. Л.~~

-	<sub>Інформатика для 8 класу, підручники та книги з інформатики [[Інформатика\|скачати]], бібліотека [[Гіпермаркет Знань - перший в світі!\|онлайн]] </sub>

		+	ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА<br><br>Часть1. Структура и параметры html-документа. Форматирование текста. Графика на Web-страницах. Ссылки. Маркеры.<br><br>HTML-теги<br><br>HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете в вашем браузере.<br>Теги могут быть написаны заглавными и строчными буквами. Наиболее мудро в тегах использовать заглавные буквы, чтобы они выделялись в тексте. <br><TAG>...</TAG>�<br>Теги, в основном, используются попарно. Открывающий тег включает, закрывающий тег выключает. <br><TAG ATTRIBUTE>...</TAG>�<br>Иногда теги имеют один или несколько атрибутов. Атрибуты предоставляют дополнительную информацию для браузера. Тег говорит браузеру ЧТО делать, а атрибут говорит КАК это делать. <br><TAG ATTRIBUTE="...">...</TAG><br><br>Всегда обращайте внимание на порядок �расположения тегов: <br><br>Верно: <br><A><B></B></A><br><br>Неверно: <br><A><B></A></B><br><br>Структура HTML-документа<br><br><HTML><br><HEAD><br><TITLE>простое название</TITLE><br></HEAD><br><BODY><br>содержание страницы<br></BODY><br></HTML><br><br>карт<br><br>Параметры документа<br><br>Параметры документа задаются через тег <BODY>. <br>Параметры – это специальные символьные команды, которые «понимает» браузер.<br><br>Атрибуты тега BODY    <br>bgcolor     цвет фона задан по схеме RGB (Красный Зеленый Синий), �6-разрядное шестнадцатеричное число (#RRGGBB) или имя цвета (например red - Красный, green - Зеленый, blue - Синий) <br>background    фон - графический файл <br>text    цвет текста <br>link    цвет ссылки <br>alink    цвет активной ссылки <br>vlink    цвет посещенной ссылки <br><br>Параметры документа: пример<br><br><HTML><br><HEAD><br><TITLE>Заглавие документа</TITLE><br></HEAD><br><body bgcolor="#fee8e0" text="black" link="#0000ff" alink="#ff0000" vlink="#000080"><br>Это наш пример!!!<br></body><br></HTML> <br><br>Индексирование документы<br><br>HTML-документы могут содержать набор ключевых слов и других вспомогательных параметров, такие как заглавие, описание сайта, авторство для индексирования и лучшего нахождения поисковыми системами страницы. �Эти параметры обозначены в META-тегах.<br><br>Атрибуты тега META    <br>description    описание документа<br>keywords    ключевые слова, разделенные запятыми<br><br>Кодировка страницы<br><br>Для здания кодировки используется тег META, �стоящий в теге HEAD. �Атрибуты тега для задания кодировок: <br><br>http-equiv    content    кодировка<br>Content-Type    text/html; charset=windows-1251    Кириллица Windows<br>Content-Type    text/html; charset=KOI8-R    Кириллица KOI8-R<br>Content-Type    text/html; charset=iso-8859-5    Кириллица ISO<br>другие кодировки...<br><br><HTML><br><head><br><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251"><br><META NAME="DESCRIPTION" CONTENT="Домашняя страница Васи Пупкина"><br><META NАМЕ="keywords" CONTENT="Пупкин, дизайн, htm, html"><br><TITLE>Заглавие документа</TITLE><br></HEAD><br><BODY><br>Вася<br><br><br>Содержание документа: автоматически отображается на Кириллице!<br></BODY><br></HTML><br><br>Заголовки<br><br>В HTML существуют специальные теги для заголовков: �от Н1 (самого крупного) до Н6 (самого мелкого):<br><br><HTML><br><HEAD><br><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251"><br></HEAD><br><BODY><br><H1> Заголовок 1</H1><br><H2> Заголовок 2</H2><br><H3> Заголовок 3</H3><br><H4> Заголовок 4</H4><br><H5> Заголовок 5</H5><br><H6> Заголовок 6</H6><br></BODY><br></HTML> <br><br>Стили текста<br><br><B>        Bold            жирный<br><I>        Italic            наклонный<br><U>        Underline         подчеркнутый<br><S>        Strikethrough          зачеркнутый<br><br><br><HTML><br><BODY><br><B> Bold</B> <br><br><I> Italic </I><br><br><U> Underline </U><br><br><S> Strikethrough </S><br><br><B><I> Bold & Italic </I></B><br></BODY><br></HTML<br><br>Шрифт<br><br>Атрибуты тега FONT    <br>Face    имена шрифтов, разделенные запятыми<br>Size    размер от 1 до 7 (по умолчанию 3)<br>Color    цвет шрифта<br><br><HTML><br><HEAD><br><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251"><br></HEAD><br><BODY><br><FONT FACE="Arial Cyr, Helvetica" SIZE="4" COLOR="green"><br>Цвет, размер и шрифт выбраны.</FONT><br></BODY><br></HTML><br><br>Предварительное форматирование<br><br>Неразрывный пробел – &nbsp; (non-breaking space). �Перенос строки – <br> �Размещение текста в том виде, в котором он представлен – �<PRE>... </PRE><br><br>Пример: <br><HTML><br><BODY><br><PRE><br>Предварительное      форматирование текста<br>  //       *       //<br></PRE> <br><br>Mitsubishi Galant <br><br>Mitsubishi Galant. <br><P> Начало нового абзаца!<br></P><br></BODY><br></HTML><br><br>Верхние и нижние индексы<br><br>Верхний индекс - тег SUP, а нижний - SUB. ��<HTML><br><BODY><br>X<SUP>3</SUP><br><br><br>A<SUB>3</SUB><br></BODY><br></HTML> <br><br>Выравнивание<br><br>Тег нового абзаца <P><br><br>Атрибут тега <P>    <br>ALIGN    ВЫРАВНИВАНИЕ<br>left    по левой границе<br>center    по центру<br>right    по правой границе<br>justify    по ширине<br><br><HTML><br><BODY><br><p align=center>Значение CENTER - центрирование</p><br><p align=right>Значение RIGHT - выравнивание по правому краю.</p><br><p align=left>Значение LEFT - выравнивание по левому краю</p><br></BODY><br></HTML> <br><br>Графика на Web-страницах<br><br>На Web-страницах возможно размещать графическую информацию. <br>Желаемым условием графики в сети является небольшой размер файлов, наиболее часто реализуется в форматах GIF и JPEG. <br><br>Формат    Диапазон цветов    Прозрачность    Анимация<br>GIF    от 2 до 256    Да    Да<br>JPEG    16 милионов или 256 оттенков (Grayscale)    Нет    Нет<br><br>Для публикаций изображений используется тег IMG: <br><br>Атрибуты тега IMG    <br>SRC    имя графического файла и путь до него<br>WIDTH    ширина изображения в пикселах<br>HEIGHT    высота изображения в пикселах<br>BORDER    ширина рамки вокруг изображения в пиксели<br>ALT    альтернативный текст изображения<br>ALIGN    расположение на экране: Left - слева, Right – справа<br><br><HTML><br><BODY><br><IMG SRC= "image/1.gif" WIDTH="155" HEIGHT="155" BORDER="2" ALT="Бабочка" align="right"> <br></BODY><br></HTML> <br><br>Графика на Web-страницах: пример<br><br>карт<br><br><IMG SRC=ie.gif ALIGN="RIGHT" BORDER=1 �ALT=“Веселая картинка"> <br>Картинку можно разместить справа от текста...<br><br>карт<br><br><img src=ie.gif align="LEFT"> <br><img src=ie2.gif align="RIGHT"> <br>Атрибут ALIGN дает возможность разместить текст на Web-странице между двумя изображениями...<br><br>карт<br><br>карт<br><br><IMG SRC=PALMA.JPG ALIGN="LEFT" <br>HSPACE=30 VSPACE=30><br><br>Ссылки служат для перехода с одной страницы на другую, перенаправление по протоколам ссылок и прочее. <br>Реализуются с помощью тега A. <br><br>Атрибуты тега A    <br>href     Имя и путь к странице<br>Интернет-адрес с именем протокола: http://�Ссылка отправления письма на e-mail: mailto:�Переход на ссылку внутри документа # <br>target    имя окна, в которое отправит ссылка:�_blank - открывает ссылку в новом окно браузера�_top - окно стоящее поверх остальных�_parent - открывает ссылку в родительском окне (по умолчанию) <br>name    имя ссылки в документе<br><br>Ссылки на Web-страницах<br><br>Ссылка в пределах одного сайта:    <A HREF=menu/1.htm>Заходите в гости!</А>�<br>Ссылка на ресурс Интернет:    <A HREF=http://gimn6.krsk.info target="_blank">Ссылка на сайт гимназии 6 </А>�<br>Ссылка на ресурс Интернет:<br>    <A HREF= http://www.mysite.ru/html/example.html>�Текст является ссылкой на документ example.html на сайте www.mysite.ru в папке HTML</A>�<br>Ссылка на адрес электронной почты:    <A HREF="mailto:vlata@hotbox.ru"> Присылайте письма!</A>�<br><br>Ссылка на метку внутри данного документа:    <A HREF="#mesto">Переход по метке</A> – �переход к строке этого же документа, помеченной �<A NAME="mesto">�<br>Картинка-ссылка    <A HREF=example.html><img src=example.gif width=100 height=100 border=0></A><br><A HREF=example2.gif><img src=example.gif width=100 height=100 border=0></A>�<br>Ссылка на произвольный файл:    <A HREF= "MyFile.exe" Title=“Файл в 10 Мегабайт">Скачать программу</А>�<br><br>Абсолютные ссылки:    <A HREF= http://www.mysite.ru/html/example.html> �Текст является ссылкой на документ example.html на сайте www.mysite.ru в папке HTML�</A><br>Относительные ссылки:<br>    <A HREF=/html/example.html>�Ссылка на файл example.html лежащий в папке HTML сайта�</A><br>Относительные ссылки:<br>    <A HREF=../example.html>�<img src=images/example.gif width=100 height=100 border=0>�</A><br><br>Списки на Web-страницах<br><br>карт<br><br>карт<br><br>карт<br><br>карт<br><br>Список с несколькими �уровнями вложенности:<br><br><br><OL><br>    <LI>форматирование текста</LI> <br><UL><br>         <LI>жирность; </LI><br>         <LI>наклон; </LI><br>         <LI>цвет </LI><br>    </UL><br>    <LI>работа с абзацами </LI><br></OL><br><br><br>Списки с графическими маркерами<br><br>Картинки для маркеров должны быть небольшого размера, соответствовать форматированию текста. Образцы маркеров можно найти на сайтах: �www.grapholina.com/Grafics и www.theshockzone.com <br><br>карт<br><br>Для указания способа вертикального выравнивания текста относительно границ маркеров можно воспользоваться атрибутом ALIGN (top, middle, bottom) тега IMG: <br><BR><img src="spisok.gif" align="middle">Раз�<br>Атрибут HSPACE тега IMG позволит отделить картинку маркера от текста:<br><BR><img src="spisok.gif" HSPACE="10">Раз<br><br>'''Перейти до презентації можна клікнувши на текст "[http://school.xvatit.com/Presentation/Kuratory/Isupov/2_prezent_8kl_t11_inf_1.ppt Презентація]" і встановивши Microsoft PowerPoint '''<br> <br>

		+	Надіслано вчителем інформатики Ісуповим С. Л.

-	[[~~категория~~: ~~Служба WWW~~. ~~Гіпертекстові документи і гіперпосилання~~. ~~Веб~~-сторінки, ~~веб~~-сайти, ~~веб~~-портали. ~~Презентація уроку~~]]	+	<sub>Інформатика для 8 класу, підручники та книги з інформатики [[Інформатика\|скачати]], бібліотека [[Гіпермаркет Знань - перший в світі!\|онлайн]] </sub>
		+
		+	[[Category:Служба_WWW._Гіпертекстові_документи_і_гіперпосилання._Веб-сторінки,_веб-сайти,_веб-портали._Презентація_уроку]]

User16: Новая страница: «Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформат...»

2011-07-20T10:29:15Z

Новая страница: «<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформат...»

Новая страница

<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформатика, клас, урок, на Тему, Служба WWW, Гіпертекстові документи, гіперпосилання, Веб-сторінки, веб-сайти, веб-портали, презентація уроку</metakeywords>

'''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика ]]>>[[Інформатика 8 клас|Інформатика 8 клас]]>> Інформатика:Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.'''

Презентація до предмету '''[[Інформатика 8 клас|Інформатика 8 клас]]'''.

Тема '''«[[Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали.|Язык разметки гипертекста]]»'''.

ТУТ БУДЕ ТЕКСТ

 '''Перейти до презентації можна клікнувши на текст "[http://school.xvatit.com/Presentation/Kuratory/Isupov/2_prezent_8kl_t11_inf_1.ppt Презентація]" і встановивши Microsoft PowerPoint ''' 
 

Надіслано вчителем інформатики Ісуповим С. Л.

Інформатика для 8 класу, підручники та книги з інформатики [[Інформатика|скачати]], бібліотека [[Гіпермаркет Знань - перший в світі!|онлайн]] 

[[категория: Служба WWW. Гіпертекстові документи і гіперпосилання. Веб-сторінки, веб-сайти, веб-портали. Презентація уроку]]

Презентація до теми: Язык разметки гипертекста - История изменений

User16 в 11:43, 20 июля 2011

User16 в 11:19, 20 июля 2011

User16 в 10:42, 20 июля 2011

User16: Новая страница: «Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, Інформат...»