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

Содержание

Слайд 2

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

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



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


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


Слайд 3

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

Сохранение файла

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

Слайд 4

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

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

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

следующее:
Слайд 5

Форматирование страницы Пока наша страница не очень красива и красочна.

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

Пока наша страница не очень красива и красочна. Изменим ее,

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

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

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

Размер шрифта задается тэгами от

( самый крупный) до

(

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

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


Слайд 7

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

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

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

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

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

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

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


Слайд 9

Другие атрибуты Тэг «FONT» задает параметры форматирования шрифта любого фрагмента

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

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

атрибуты:
SIZE-размер шрифта;
COLOR- цвет шрифта;
FACE- гарнитура шрифта.
Слайд 10

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

Изменение цвета текста


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


Слайд 11

Горизонтальная линия Чтобы отделить заголовок от остального текста, можно использовать

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

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

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

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

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

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




Слайд 13

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

Абзацы

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

.
При просмотре абзацы

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

Текст страницы Моя страничка Эта страничка обо мне На этом

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



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



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




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


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




Слайд 15

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

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

Слайд 16

Вставка изображений Чтобы сайт был визуально привлекательным, на нем можно

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

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

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

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

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

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

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

Слайд 18

Слайд 19

Фон слайда Для изменения фона можно воспользоваться атрибутом тэга -

Фон слайда

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

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

Фон слайда

Фон слайда


Слайд 21

Слайд 22

Имя файла: Язык-гипертекстовой-разметки-HTML.pptx
Количество просмотров: 66
Количество скачиваний: 0