🗊Презентация Язык разметки гипертекста HTML. 8 класс

Нажмите для полного просмотра!
Язык разметки гипертекста HTML. 8 класс, слайд №1Язык разметки гипертекста HTML. 8 класс, слайд №2Язык разметки гипертекста HTML. 8 класс, слайд №3Язык разметки гипертекста HTML. 8 класс, слайд №4Язык разметки гипертекста HTML. 8 класс, слайд №5Язык разметки гипертекста HTML. 8 класс, слайд №6Язык разметки гипертекста HTML. 8 класс, слайд №7Язык разметки гипертекста HTML. 8 класс, слайд №8Язык разметки гипертекста HTML. 8 класс, слайд №9Язык разметки гипертекста HTML. 8 класс, слайд №10Язык разметки гипертекста HTML. 8 класс, слайд №11Язык разметки гипертекста HTML. 8 класс, слайд №12Язык разметки гипертекста HTML. 8 класс, слайд №13Язык разметки гипертекста HTML. 8 класс, слайд №14Язык разметки гипертекста HTML. 8 класс, слайд №15Язык разметки гипертекста HTML. 8 класс, слайд №16Язык разметки гипертекста HTML. 8 класс, слайд №17Язык разметки гипертекста HTML. 8 класс, слайд №18Язык разметки гипертекста HTML. 8 класс, слайд №19Язык разметки гипертекста HTML. 8 класс, слайд №20

Вы можете ознакомиться и скачать презентацию на тему Язык разметки гипертекста HTML. 8 класс. Доклад-сообщение содержит 20 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1






«Язык разметки гипертекста HTML» 
8 класс
Описание слайда:
«Язык разметки гипертекста HTML» 8 класс

Слайд 2





Содержание
HTML
Web – страница
Размещение страниц на Web-узле
Основные  теги web-страницы
Теги форматирования  текста
Выравнивание текста абзаца
Нумерованный список
Маркированный список
Многоуровневый список
Цвет текста и фона Web-страницы
Вставка изображения
Вставка рисунка
Рекомендации
Создание web-страницы
Описание слайда:
Содержание HTML Web – страница Размещение страниц на Web-узле Основные теги web-страницы Теги форматирования текста Выравнивание текста абзаца Нумерованный список Маркированный список Многоуровневый список Цвет текста и фона Web-страницы Вставка изображения Вставка рисунка Рекомендации Создание web-страницы

Слайд 3





   
   
       HTML (Hyper Text Markup Language) – стандартный язык для создания Web-страниц

     Описательный язык разметки HTML имеет свои команды, которые называются тегами.
Описание слайда:
HTML (Hyper Text Markup Language) – стандартный язык для создания Web-страниц Описательный язык разметки HTML имеет свои команды, которые называются тегами.

Слайд 4





        Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. 
        Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. 

        Обычно используются два тега - открывающий и закрывающий.
Описание слайда:
Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Обычно используются два тега - открывающий и закрывающий.

Слайд 5





Web-страница
Это текстовый файл с управляющими дескрипторами языка HTML.
Описание слайда:
Web-страница Это текстовый файл с управляющими дескрипторами языка HTML.

Слайд 6





Размещение страниц на Web-узле
Таблица Web-страниц
Описание слайда:
Размещение страниц на Web-узле Таблица Web-страниц

Слайд 7







       <HEAD>  </HEAD>  Заголовок  web-страницы

<TITLE>  </TITLE> Название страницы

   <BODY>  </BODY>  Содержимое страницы
Описание слайда:
<HEAD> </HEAD> Заголовок web-страницы <TITLE> </TITLE> Название страницы <BODY> </BODY> Содержимое страницы

Слайд 8





Теги форматирования  текста
<p></p>Создает новый абзац

<p align="?"></p>: left, right, justify или center

<h1></h1>Создает самый  заголовок

<b></b>Создает жирный текст 
<i></i>	Создает наклонный текст 

    <font size="?"></font> Устанавливает размер текста в                                             
пределах от 1 до 6.
Описание слайда:
Теги форматирования текста <p></p>Создает новый абзац <p align="?"></p>: left, right, justify или center <h1></h1>Создает самый заголовок <b></b>Создает жирный текст <i></i> Создает наклонный текст <font size="?"></font> Устанавливает размер текста в пределах от 1 до 6.

Слайд 9





Теги форматирования  текста
<font color="?"></font> 	Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

<body text="?"> 	Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет.

<body bgcolor="?"> 	Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
Описание слайда:
Теги форматирования текста <font color="?"></font> Устанавливает цвет текста, используя значение цвета в виде RRGGBB. <body text="?"> Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. <body bgcolor="?"> Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.

Слайд 10





Выравнивание текста абзаца
<Р ALIGN="left"   >Абзац выровнен влево</Р> 

<Р ALIGN="center" >Абзац выровнен по центру</Р>
 
<Р ALIGN="right"   >Абзац выровнен вправо</Р> 

 <Р ALIGN="justify" >Абзац выровнен по ширине</Р>
 
    <P><N0BR>Этотoт текст всегда должен оставаться в  одной строке</NOBR></P>
Описание слайда:
Выравнивание текста абзаца <Р ALIGN="left" >Абзац выровнен влево</Р> <Р ALIGN="center" >Абзац выровнен по центру</Р> <Р ALIGN="right" >Абзац выровнен вправо</Р> <Р ALIGN="justify" >Абзац выровнен по ширине</Р> <P><N0BR>Этотoт текст всегда должен оставаться в одной строке</NOBR></P>

Слайд 11





Цвет текста и фона Web-страницы

<FONT COLOR = ‘red’> - цвет шрифта
<BODY BGCOLOR = ‘yellow’>  - цвет фона страницы белый – white
Описание слайда:
Цвет текста и фона Web-страницы <FONT COLOR = ‘red’> - цвет шрифта <BODY BGCOLOR = ‘yellow’> - цвет фона страницы белый – white

Слайд 12





Нумерованный список
<OL>...</OL> устанавливают начало и конец 
                       нумерованного списка, 
<LI>...</LI>   отмечают отдельные пункты списка. 


	<Н2>Типы  списков</Н2>
	<OL>
		< LI >Нумерованный< /LI >
		< LI >Маркированный</ LI >
 	</OL>
Описание слайда:
Нумерованный список <OL>...</OL> устанавливают начало и конец нумерованного списка, <LI>...</LI> отмечают отдельные пункты списка. <Н2>Типы списков</Н2> <OL> < LI >Нумерованный< /LI > < LI >Маркированный</ LI > </OL>

Слайд 13





Маркированный список

<UL>...</UL> устанавливают начало и конец 
                       маркированного списка.

      <LI>...</LI>   отмечают отдельные пункты списка.
Описание слайда:
Маркированный список <UL>...</UL> устанавливают начало и конец маркированного списка. <LI>...</LI> отмечают отдельные пункты списка.

Слайд 14





Многоуровневый список
<H2>Многоуровневые списки</Н2> 
<OL>
	<LI>Нумерованный</LI > 
	<OL>
		<LI >Пункт  1</LI >
		<LI >Пункт 2</LI >
		<LI >Пункт  3</LI > 
	</OL>
	< LI >Маркированный</LI >
	 <UL>
		<LI >Первый вариант</LI >
		<LI >Второй вариант</LI >
		<LI >Третий вариант</LI >
	 </UL>
	</OL>
</OL>
Описание слайда:
Многоуровневый список <H2>Многоуровневые списки</Н2> <OL> <LI>Нумерованный</LI > <OL> <LI >Пункт 1</LI > <LI >Пункт 2</LI > <LI >Пункт 3</LI > </OL> < LI >Маркированный</LI > <UL> <LI >Первый вариант</LI > <LI >Второй вариант</LI > <LI >Третий вариант</LI > </UL> </OL> </OL>

Слайд 15





Вставка изображения

<img src="name">	Добавляет изображение в HTML документ

<img src="name" align=?>	Выравнивает изображение к одной из сторон документа, принимает значения: left, right,center.
Описание слайда:
Вставка изображения <img src="name"> Добавляет изображение в HTML документ <img src="name" align=?> Выравнивает изображение к одной из сторон документа, принимает значения: left, right,center.

Слайд 16





Вставка рисунка
<img SRC=‘C:Мои рисунки\Мой файл.jpg ‘
   

  ALIGN=‘right’></img>
Описание слайда:
Вставка рисунка <img SRC=‘C:Мои рисунки\Мой файл.jpg ‘ ALIGN=‘right’></img>

Слайд 17





Рекомендации
Время загрузки страницы не должно превышать 5 секунд.

Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: 
аналоговый модем за 5 сек – 20 Кбайт, 
кабельный модем или ISDN – за 5 сек – 60-80 Кбайт

Чем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться.
Описание слайда:
Рекомендации Время загрузки страницы не должно превышать 5 секунд. Время загрузки зависит от размера страницы и от скорости подключения компьютера пользователя: аналоговый модем за 5 сек – 20 Кбайт, кабельный модем или ISDN – за 5 сек – 60-80 Кбайт Чем важнее страница и чем чаще она должна появляться, тем быстрее она должна загружаться.

Слайд 18





1
1
Описание слайда:
1 1

Слайд 19





Удалить
Удалить
Описание слайда:
Удалить Удалить

Слайд 20








Спасибо за внимание
Описание слайда:
Спасибо за внимание



Похожие презентации
Mypresentation.ru
Загрузить презентацию