Логотип Инфоурока

Получите 30₽ за публикацию своей разработки в библиотеке «Инфоурок»

Добавить материал

и получить бесплатное свидетельство о размещении материала на сайте infourok.ru

Инфоурок Информатика Другие методич. материалыТеория. Web-дизайн. "Форматирование текста"

Теория. Web-дизайн. "Форматирование текста"

§1.Форматирование текста

На этом занятии ученики должны освоить умение работы с дескриптором раздела и размера шрифта, а также параграф.


- данный дескриптор используется для выравнивания блоков разделов текста, посредством атрибута align и значений (left, right, center, justify).


align="left" - по левому краю.

align="right" - по правому краю.

align="center" - по центру краю.

align="justify" - по ширине.

Замечание: Следует помнить, что для дескриптора

существует парный ему закрывающий


- данный дескриптор используется для изменения начертания шрифта, его размера и цвета, посредством атрибутов size и color и значений (size="% pt" color="red" face="Arial")

Пример:

<FONT color="red"> ......... FONT>

<FONT face="Arial Black"> ......... FONT>

<FONT size="5pt"> ......... FONT>


Замечание: Следует помнить, что для дескриптора и <DIV> существуют парные им закрывающие и DIV>


Задание: Известную со школьных уроков физики фразу «Каждый охотник желает знать, где сидит фазан», которая обозначает цвета спектра красный, оранжевый, желтый и т. д. напишите на web-странице соответствующими цветами


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


Замечание: включение нескольких последовательно расположенных дескрипторов <p> не приведёт к появлению пустых строк.


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

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

не приводят к увеличению пустого пространства над абзацем. Каскадные листы стилей позволяют непосредственно задавать верхнюю и нижнюю границы абзаца. Если при создании документа листы стилей не используются, для включения пустых строк можно использовать элемент
, либо элемент PRE.


Paragraph 1

Paragraph 2

Paragraph 3


Paragraph 1

Paragraph 2

Paragraph 3

Упражнение: Попробуйте в MS Word создать небольшой документ (на пару строк), примените простые эффекты для текста, а затем сохраните документ как web-страницу. Теперь просмотрите её HTML-код. Очевидно, что он получился запутанным и излишне громоздким.

Замечание: Web-страницы лучше создавать «вручную», оперируя непосредственно её html-кодом или пользоваться специализированным редактором. Не следует применять для этой цели Word или другие текстовые процессоры


Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

5 483 671 материал в базе

Материал подходит для УМК

Скачать материал

Другие материалы

  • 16.12.2019
  • 265

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 25.01.2020 137
    • DOCX 18.6 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Нессонова Елена Вячеславовна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Пожаловаться на материал
  • Автор материала

    Нессонова Елена Вячеславовна
    Нессонова Елена Вячеславовна
    • На сайте: 5 лет и 3 месяца
    • Подписчики: 5
    • Всего просмотров: 5112
    • Всего материалов: 15