Презентация, доклад по информатике на тему: Язык гипертекстовой разметки HTML

Содержание

Моя страничка Эта страничка обо мнеСтандартный текст страницы

Слайд 1HTML
Язык гипертекстовой разметки

HTMLЯзык гипертекстовой разметки

Слайд 2

Моя страничка


Эта страничка обо мне


Стандартный текст страницы

Моя страничка Эта страничка обо мнеСтандартный текст страницы

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

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

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


Получившаяся страница

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

Слайд 5Пока наша страница не очень красива и красочна. Изменим ее, добавив

более крупный шрифт, красивый фон и пару картинок

Форматирование страницы

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

Слайд 6Размер шрифта задается тэгами от
( самый крупный) до ( самый

мелкий).
Заголовок страницы целесообразно выделить самым крупным шрифтом:

Моя страничка


Размер шрифта

Размер шрифта задается тэгами от ( самый крупный) до ( самый мелкий).Заголовок страницы целесообразно выделить самым крупным

Слайд 7Принято, чтобы заголовок на странице находился по центру, для этого применяется

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

Выравнивание

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

Слайд 8 Моя страничка

Размер шрифта и выравнивание

Моя страничка Размер шрифта и выравнивание

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

шрифта;
COLOR- цвет шрифта;
FACE- гарнитура шрифта.

Другие атрибуты

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

Слайд 10
Моя страничка
Изменение цвета текста

Моя страничка Изменение цвета текста

Слайд 11Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это

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

Горизонтальная линия

Чтобы отделить заголовок от остального текста, можно использовать горизонтальную линию. Это можно сделать с помощью тэга .

Слайд 12 Эта страничка обо мне

Заголовок страницы

Эта страничка обо мне Заголовок страницы

Слайд 13Чтобы разделить текст на абзацы, можно использовать контейнер .
При просмотре абзацы

отделяются друг от друга интервалами.
Для каждого абзаца можно задать свой тип выравнивания, свой цвет и размер шрифта.

Абзацы

Чтобы разделить текст на абзацы, можно использовать контейнер .При просмотре абзацы отделяются друг от друга интервалами.Для каждого

Слайд 14

Моя страничка




Эта страничка обо мне


На этом сайте Вы сможете найти информацию обо мне, о том, чем я занимаюсь на работе и в свободное время.


Здесь вы увидите фотографии меня и моих друзей, моих родных и близких людей.





Текст страницы

Моя страничка  Эта страничка обо мне  На этом сайте Вы сможете найти информацию обо

Слайд 15
Страница в браузере

Страница в браузере

Слайд 16Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На

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

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

Чтобы сайт был визуально привлекательным, на нем можно разместить изображения. На web-страницах могут размещаться файлы трех форматов-

Слайд 17Вставка изображения производится с помощью тэга с атрибутом SRC, который

указывает на место хранения файла на компьютере.

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

Вставка изображения производится с помощью тэга с атрибутом SRC, который указывает на место хранения файла на компьютере.Вставка

Слайд 19Для изменения фона можно воспользоваться атрибутом тэга - background, который указывает

на место хранения файла фонового рисунка на компьютере.
.
Чтобы фон при прокрутке текста не двигался зафиксируем его с помощью атрибута bgproperties="fixed"



Фон слайда

Для изменения фона можно воспользоваться атрибутом тэга - background, который указывает на место хранения файла фонового рисунка

Слайд 20

Фон слайда

Фон слайда

Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть