Презентация, доклад на тему Форматирование текста в html

Тема: Форматирование текста

Слайд 1


Слайд 2Тема: Форматирование текста

Тема: Форматирование текста

Слайд 3Цель урока: Сформировать навыки форматирования текста на web страницах

Цель урока: Сформировать навыки форматирования текста на web страницах

Слайд 4Ключевые слова

ALIGN
BR
HR
H1….H6

Ключевые словаALIGNBRHRH1….H6

Слайд 5Ситуация
Необходимо внести изменения на сайте школы:
Режим работы школы-сделать заголовком и

выделить отдельным абзацем
Общий режим работы в гимназии с 7:30 до 17:00.-Расположить на вправо
Занятия проводятся в две смены. Начало занятий первой смены-8.00- Второе предложение перенести на следующую строку
Ситуация Необходимо внести изменения на сайте школы:Режим работы школы-сделать заголовком и выделить отдельным абзацемОбщий режим работы в

Слайд 6Аналогично форматируются и заголовки: .. и т.д.
Еще один полезный способ выравнивания

по центру, это использование тэгов
..
. Они позволяют отформатировать сразу несколько заголовков и абзацев.


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

Подзаголовок


Абзац 1.


Абзац 2.



Аналогично форматируются и заголовки: .. и т.д.Еще один полезный способ выравнивания по центру, это использование тэгов ...

Слайд 7Атрибут ALIGN позволяет выключить текст по центру или вправо.


Синтаксис: ,

может

принимать значения:

LEFT (влево)

CENTER (по центру),

RIGHT (вправо)

Атрибут ALIGN позволяет выключить текст по центру или вправо. Синтаксис: ,может принимать значения:LEFT (влево) CENTER (по центру),

Слайд 8Этот абзац расположен слева

Этот абзац по центру

А

вот этот абзац справа


Этот абзац расположен слева Этот абзац по центру А вот этот абзац справа

Слайд 9Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не

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



Тэг


описывает горизонтальную линию. Может включать атрибуты:
SIZE - толщина линии в пикселях;
WIDTH - длина линии в пикселях или процентах от ширины экрана;
ALIGN - выравнивание линии, может принимать значения LEFT, CENTER, RIGHT;
COLOR - цвет линии;
NOSHADE - линия рисуется без тени.
Чтобы перейти на новую строку, не прерывая абзаца (т.е., чтобы не вставлять пустую строку между абзацами), применяется

Слайд 10Пример использования тэгов
и :

Пример использования тэгов и :

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

Результат:

Слайд 12Еще один способ форматирования текста - использование меток .. (prefomatted text

- предварительно форматированный текст). 

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

 текст выводится в окне браузера точно в том виде, как он есть в исходном HTML-документе. 
Еще один способ форматирования текста - использование меток .. (prefomatted text - предварительно форматированный текст).  Обычно браузеры игнорируют

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

Результат:

Слайд 14Вопросы
Чем отличается тег и
?
ALIGN это тег или атрибут?
За

что отвечает тег
?
Вопросы Чем отличается тег и ?ALIGN это тег или атрибут?За что отвечает тег ?

Слайд 15Дом. Задание
http://poleshuk.ru/html-ssylka-sozdanie-ssylok-v-html/

Дом. Задание http://poleshuk.ru/html-ssylka-sozdanie-ssylok-v-html/

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

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


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

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

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

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