🗊Презентация Язык гипертекстовой разметки HTML

Категория: Интернет
Нажмите для полного просмотра!
Язык гипертекстовой разметки HTML, слайд №1Язык гипертекстовой разметки HTML, слайд №2Язык гипертекстовой разметки HTML, слайд №3Язык гипертекстовой разметки HTML, слайд №4Язык гипертекстовой разметки HTML, слайд №5Язык гипертекстовой разметки HTML, слайд №6Язык гипертекстовой разметки HTML, слайд №7Язык гипертекстовой разметки HTML, слайд №8Язык гипертекстовой разметки HTML, слайд №9Язык гипертекстовой разметки HTML, слайд №10Язык гипертекстовой разметки HTML, слайд №11Язык гипертекстовой разметки HTML, слайд №12Язык гипертекстовой разметки HTML, слайд №13Язык гипертекстовой разметки HTML, слайд №14Язык гипертекстовой разметки HTML, слайд №15Язык гипертекстовой разметки HTML, слайд №16Язык гипертекстовой разметки HTML, слайд №17Язык гипертекстовой разметки HTML, слайд №18Язык гипертекстовой разметки HTML, слайд №19Язык гипертекстовой разметки HTML, слайд №20Язык гипертекстовой разметки HTML, слайд №21Язык гипертекстовой разметки HTML, слайд №22Язык гипертекстовой разметки HTML, слайд №23
Скачать
Вы можете ознакомиться и скачать презентацию на тему Язык гипертекстовой разметки HTML. Доклад-сообщение содержит 23 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

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

Слайд 1


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

Слайд 2


<HTML> <HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> Эта страничка обо мне </BODY> </HTML>
Описание слайда:
<HTML> <HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> Эта страничка обо мне </BODY> </HTML>

Слайд 3


Сохраним файл в программе «Блокнот» следующим образом: Сохраним файл в программе «Блокнот» следующим образом:
Описание слайда:
Сохраним файл в программе «Блокнот» следующим образом: Сохраним файл в программе «Блокнот» следующим образом:

Слайд 4


Теперь, если мы откроем данный файл в браузере, то увидим следующее: Теперь, если мы откроем данный файл в браузере, то увидим следующее:
Описание слайда:
Теперь, если мы откроем данный файл в браузере, то увидим следующее: Теперь, если мы откроем данный файл в браузере, то увидим следующее:

Слайд 5


Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок
Описание слайда:
Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок Пока наша страница не очень красива и красочна. Изменим ее, добавив более крупный шрифт, красивый фон и пару картинок

Слайд 6


Размер шрифта задается тэгами от Размер шрифта задается тэгами от <H1>( самый крупный) до <H6>( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом: <H1> Моя страничка </H1>
Описание слайда:
Размер шрифта задается тэгами от Размер шрифта задается тэгами от <H1>( самый крупный) до <H6>( самый мелкий). Заголовок страницы целесообразно выделить самым крупным шрифтом: <H1> Моя страничка </H1>

Слайд 7


Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align, которому присваивают определенное значение: «right»-выравнивание по правой границе, «center»- выравнивание по центру.
Описание слайда:
Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Принято, чтобы заголовок на странице находился по центру, для этого применяется выравнивание. Выравнивание осуществляется с помощью атрибута align, которому присваивают определенное значение: «right»-выравнивание по правой границе, «center»- выравнивание по центру.

Слайд 8


<H1 align="center"> Моя страничка </H1> <H1 align="center"> Моя страничка </H1>
Описание слайда:
<H1 align="center"> Моя страничка </H1> <H1 align="center"> Моя страничка </H1>

Слайд 9


Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE-размер шрифта; COLOR- цвет шрифта; FACE- гарнитура шрифта.
Описание слайда:
Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: Тэг «FONT» задает параметры форматирования шрифта любого фрагмента текста. Его атрибуты: SIZE-размер шрифта; COLOR- цвет шрифта; FACE- гарнитура шрифта.

Слайд 10


<FONT COLOR=“blue“> <FONT COLOR=“blue“> <H1 align="center"> Моя страничка </H1>
Описание слайда:
<FONT COLOR=“blue“> <FONT COLOR=“blue“> <H1 align="center"> Моя страничка </H1>

Слайд 11


Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга. Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга.
Описание слайда:
Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга. Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга <HR>. Этот тэг одиночный - он не требует закрывающего тэга.

Слайд 12


<H1 align="center"> Эта страничка обо мне </H1> <H1 align="center"> Эта страничка обо мне </H1> <HR>
Описание слайда:
<H1 align="center"> Эта страничка обо мне </H1> <H1 align="center"> Эта страничка обо мне </H1> <HR>

Слайд 13


Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>. Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>. При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.
Описание слайда:
Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>. Чтобы разделить текст на абзацы, можно использовать контейнер <P></P>. При просмотре абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.

Слайд 14


<HTML> <HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> <FONT COLOR=“blue“> <H1 align="center"> Эта страничка обо мне </H1> <HR> <p align="left"> На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время. </p> <p align="center"> Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей. </p> </BODY> </HTML>
Описание слайда:
<HTML> <HTML> <HEAD> <TITLE> Моя страничка </TITLE> </HEAD> <BODY> <FONT COLOR=“blue“> <H1 align="center"> Эта страничка обо мне </H1> <HR> <p align="left"> На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время. </p> <p align="center"> Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей. </p> </BODY> </HTML>

Слайд 15


Язык гипертекстовой разметки HTML, слайд №15
Описание слайда:

Слайд 16


Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.
Описание слайда:
Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов- GIF, JPG, PNG. На титульном листе логично разместить фотографию того, кому посвящен этот сайт.

Слайд 17


Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере. Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере. <IMG SRC="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\x_0527ae1f.jpg">
Описание слайда:
Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере. Вставка изображения производится с помощью тэга <IMG> с атрибутом SRC, который указывает на место хранения файла на компьютере. <IMG SRC="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\x_0527ae1f.jpg">

Слайд 18


Язык гипертекстовой разметки HTML, слайд №18
Описание слайда:

Слайд 19


Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере. Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере. <body background="fon.jpg"> . Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"
Описание слайда:
Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере. Для изменения фона можно воспользоваться атрибутом тэга <BODY>- background, который указывает на место хранения файла фонового рисунка на компьютере. <body background="fon.jpg"> . Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"

Слайд 20


<BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed"> <BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed">
Описание слайда:
<BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed"> <BODY background="C:\Documents and Settings\Admin\Рабочий стол\HTML\вспомогательное\newy3.gif" bgproperties="fixed">

Слайд 21


Язык гипертекстовой разметки HTML, слайд №21
Описание слайда:

Слайд 22


Язык гипертекстовой разметки HTML, слайд №22
Описание слайда:

Слайд 23


Язык гипертекстовой разметки HTML, слайд №23
Описание слайда:

Скачать

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