Разделы презентаций


Форматирование текста на web -странице

Содержание

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

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

Слайд 1Форматирование текста на web-странице

Форматирование текста на web-странице

Слайд 2Заголовки текста
Размер шрифта заголовков задается парами тэгов от
(самый

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

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

Слайд 3


Первый HTML-документ

Второй HTML-документ

Третий HTML-документ



Первый HTML-документВторой HTML-документТретий HTML-документ

Слайд 5Шрифт текста
Тэг
Атрибуты: FACE, SIZE , COLOR

COLOR="red">


Шрифт текстаТэг Атрибуты: FACE, SIZE , COLOR

Слайд 6

Пример 2



color="red" face="Arial">Шрифт текста


Пример 2

Слайд 8Атрибут COLOR
Можно задать либо названием цвета (например, "red",

"green", "blue" и т. д.);

Шестнадцатеричным значением, которое использует RGB-формат

"#RRGGBB"

Атрибут COLOR Можно задать либо названием цвета (например,

Слайд 9Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная -

FF.

Например, синий цвет задается значением "#0000FF".

Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная - FF.Например, синий цвет задается значением

Слайд 10Таблица стандартных цветов 

Таблица стандартных цветов 

Слайд 11Выравнивание текста
Задать способ выравнивания текста позволяет атрибут ALIGN
Выравнивание по

левой границе задается ;

Выравнивание по центру - .
Выравнивание текстаЗадать способ выравнивания текста позволяет атрибут ALIGN Выравнивание по левой границе задается ; Выравнивание по центру

Слайд 12

Пример 3


Текст можно выравнивать не
только влево
но и

по центру.



Пример 3Текст можно выравнивать не только влевоно и по центру.

Слайд 14Горизонтальная линия
Заголовки удобно отделять от остального содержания страницы горизонтальной

линией с помощью одиночного тэга

Горизонтальная линия Заголовки удобно отделять от остального содержания страницы горизонтальной линией с помощью одиночного тэга

Слайд 15

Пример 4


Первый HTML-документ


Урок информатики


Пример 4   Первый HTML-документ   Урок информатики

Слайд 17Абзацы

Разделение текста на абзацы производится с помощью контейнера .

АбзацыРазделение текста на абзацы производится с помощью контейнера .

Слайд 18
Одно физическое тело захотело поменять три своих старых варежки
на

что-нибудь хорошее.
До самого вечера тело с варежками ...

- новый

абзац (с отступами)
Одно физическое тело захотело  поменять три своих старых варежки на что-нибудь хорошее.  До самого вечера

Слайд 19Вставка изображений
В Web-страницу можно вставлять изображения , хранящиеся в графических

файлах трех типов: GIF, JPEG, PNG.
HTML – теги для вставки

изображения: с атрибутом .
Атрибут тега указывает на место хранения файла на локальном компьютере или в сети Интернет.

Вставка изображенийВ Web-страницу можно вставлять изображения , хранящиеся в графических файлах трех типов: GIF, JPEG, PNG.HTML –

Слайд 20Примеры:
Файл находится на локальном компьютере в той же папке, что

Web-страницы:

Файл находится на локальном компьютере в другой папке, что

Web-страницы:

Файл находится на удаленном сервере в Интернете:





Примеры:Файл находится на локальном компьютере в той же папке, что Web-страницы:Файл находится на локальном компьютере в другой

Слайд 21Домашнее задание:
Создать папку МОЙ САЙТ.
Открыть текстовый редактор БЛОКНОТ.
Ввести тэги, определяющие

структуру WEB-страницы:
Ввести заголовок WEB-страницы «Компьютер»;
Ввести заголовок текста, отображаемый в браузере:

«Всё о компьютере»
4. Сохранить в папке МОЙ САЙТ с именами index.txt (редактировать) и index.htm (просматривать). Просмотреть страницу в браузере.



Компьютер


Все о компьютере


Домашнее задание:Создать папку МОЙ САЙТ.Открыть текстовый редактор БЛОКНОТ.Ввести тэги, определяющие структуру WEB-страницы:	Ввести заголовок WEB-страницы «Компьютер»;	Ввести заголовок текста,

Слайд 237. Не забываем под заголовком добавить ВЫПОЛНИЛ ФИ и класс
8.

Выбираем цвет фона.
9. Вставляем картинку (любым из трёх способов. Лучше

весом не более 100 кб)
9. Например:

















10. Результат сохраняем и высылаем мне.


После каждого пункта рекомендую просматривать результат в браузере.
Цвет фона, шрифта и размер шрифта можете подобрать сами

7. Не забываем под заголовком добавить ВЫПОЛНИЛ ФИ и класс8. Выбираем цвет фона.9. Вставляем картинку (любым из

Слайд 24Результат:

Результат:

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


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

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