58143

Создание Web-страниц. Форматирование текста

Конспект урока

Педагогика и дидактика

Можно перечислять несколько шрифтов через запятую так как не всегда выбранный Вами шрифт есть у пользователя просматривающего Вашу страницу. Стихотворение FONT Размер шрифта задается атрибутом size...

Русский

2014-04-22

33.5 KB

0 чел.

Урок 2. Создание Web-страниц.

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

Чтобы разбить текст на абзацы, всего-навсего надо поставить перед каждым абзацем тег <p>. Этот тег может не иметь закрывающей части.

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

Например,

<B> - жирный текст;

<I> - наклонный текст;

Существуют специальные теги для заголовков:  <H1>….. <H6>, самый крупный - <H1>, самый мелкий <H6>.

Не забывайте закрывать теги!!!

Контейнеры можно вставлять один в другой. Однако, следует внимательно следить за правильностью написания вложенных тегов.

Так, например:

неправильно: <B><I>ляляля</B></I>

правильно: <B><I>ляляля</I></B>

Чтобы заголовки или отдельный текст выровнять на странице, необходимо добавить атрибут выравнивания

 Атрибут выравнивания <align>

<align=center> - по центру

<align= right> - по правому краю

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

1. Откройте свою страницу в режиме редактирования (через Блокнот).

Внесем изменения:

<html>

  <head>

     <title>моя первая страница</title></head>

       <body>

       <H4 align=center>Я схожу с ума</H4>

                <IMG src="6.jpg">

       ураааааааааааааааааааааааааааааааааааааааааааааааааааааа

       </body>

 </html>

2. Просмотрите результат.

3. Добавим ещё:

<html>

  <head>

     <title>моя первая страница</title></head>

       <body>

       <H4 align=center>Я схожу с ума</H4>

       <P align=right><B>какая досада</B>

       <P>    <IMG src="6.jpg">

       <P align=center><I><B>урааааааааааааааааааааааааааааа</B></I>

       </body>

  </html>

Рассмотрим еще несколько тегов.

<BR> - перевод строки (непарный тег)

<U> тег подчеркивания </U>

<STRIKE>  тег зачеркивания  </STRIKE>

<BIG> большой текст </BIG>

<SMALL> маленький текст </SMALL>

<ADDRESS>  сведения об авторе или авторские права </ADDRESS>

  1.  Добавим на нашу страницу стихотворение Ирины Леонардовой

<BP>

<P align=left>

Это не сложно <BR>

Это не важно <BR>

Просто отважно <BR>

В небо шагнуть <BR>

<P align=center>

И осторожно, <BR>

Там, где вожможно <BR>

Тёмного облака <BR>

Край отогнуть <BR>

<P align=right>

Стёртые лица, <BR>

Забытые профили <BR>

И многоточий упрямая нить. <BR>

Свет разливается <BR>

И проявляется <BR>

То, что уже никогда не забыть. <BR>

<ADDRESS> Ирина Леонардова </ADDRESS>

       

Шрифты

Все атрибуты шрифта определяет тег <FONT> …..</FONT>

С его помощью можно указать размер, тип, цвет шрифта.

По умолчанию браузеры используют шрифт Times Roman, при желании его можно заменить на любой из известных (Verdana, Arial, Impact, Comic Sans MS,    Times  New Roman).

Например 

5. Добавьте на страничку в качестве заголовка для стихотворения

<FONT FACE=”Verdana”> Стихотворение</FONT> <BR>

<BIG><B><FONT FACE=”ARIAL”> Стихотворение</FONT></BP></BIG> <BR>

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

<FONT FACE=”Verdana, Arial”> Стихотворение</FONT>

Размер шрифта задается атрибутом size

<FONT size=10>Стихотворение</FONT> <BR>

Размер букв задается в пунктах. То есть, он может быть 1 пункт, 2 пункта, 3 пункта и так до 7 пунктов.

Цвет текста изменить так же просто, с помощью атрибута color.

<FONT color=”red”>Стихотворение</FONT> <BR>

<FONT color=#800000>Стихотворение</FONT> <BR>

AQUA  -    #00FFFF

MAROON -  #800000

YELLOW   -  #FFFF00

Задание 2. Не забудьте про задание 1. Ваша личная страница уже должна содержать фотографию, немного текста (причем отформатированного).   


 

А также другие работы, которые могут Вас заинтересовать

1391. Стратегический менеджмент: целевое управление персоналом организаций 1.92 MB
  Механизм управления персоналом организаций в сфере материального производства на основе применения сверхдемократичной и одновременно сверхжесткой квалиметрической оценки персонала предприятия.
1392. Лекции по общей патологической анатомии 2.08 MB
  ВВЕДЕНИЕ В КУРС ПАТОЛОГИЧЕСКОЙ АНАТОМИИ. ЭТАПЫ РАЗВИТИЯ ПАТОЛОГИЧЕСКОЙ АНАТОМИИ. СОДЕРЖАНИЕ, ЗАДАЧИ, ОБЪЕКТЫ И МЕТОДЫ ИССЛЕДОВАНИЯ. ВОСПАЛЕНИЕ: ОПРЕДЕЛЕНИЕ, СУЩНОСТЬ, БИОЛОГИЧЕСКОЕ ЗНАЧЕНИЕ. МЕДИАТОРЫ ВОСПАЛЕНИЯ. МЕСТНОЕ И ОБЩЕЕ ПРОЯВЛЕНИЯ ВОСПАЛЕНИЯ. ОСТРОЕ ВОСПАЛЕНИЕ: ЭТИОЛОГИЯ, ПАТОГЕНЕЗ. МОРФОЛОГИЧЕСКОЕ ПРОЯВЛЕНИЕ ЭКССУДАТИВНОГО ВОСПАЛЕНИЯ. ИСХОДЫ ОСТРОГО ВОСПАЛЕНИЯ.
1393. Международный маркетинг, книга 2.21 MB
  ПРЕДПОСЫЛКИ СТАНОВЛЕНИЯ И РАЗВИТИЯ МЕЖДУНАРОДНОГО МАРКЕТИНГА. Основные факторы глобализации мировой экономики. Локальный и глобальный товарный знак. ВЛИЯНИЕ ИНТЕРНЕТА НА ЦЕНОВУЮ ПОЛИТИКУ НА ВНЕШНЕМ РЫНКЕ. Специфические особенности международной рекламы.
1394. Математика управления капиталом Методы анализа риска для трейдеров и портфельных менеджеров 2.36 MB
  Некоторые распространенные ложные концепции. Измерение степени пригодности системы для реинвестирования посредством. Характеристики торговли фиксированной долей и полезные методы. Параметрическое оптимальное f при нормальном распределении.
1395. Общая физика 2.36 MB
  Вектора углового перемещения, угловой скорости и ускорения. Производная единичного вектора (при его повороте). Нормальное и касательное ускорения. Центр инерции системы тел. Теорема о движении центра инерции. Закон сохранения импульса. Работа. Кинетическая энергия. Закон сохранения кинетической энергии. Мощность. Следствия из преобразований Лоренца: длины тел и промежутки времени.
1396. Advanced Animation with DirectX 2.43 MB
  Simulating Cloth and Soft Body Mesh Animation. Using Particles in Animation. Blending Morphing Animations. Timing in Animation and Movement. The source filter uses a single interface to represent a collage of filter objects.
1397. Маркетинговое исследование Компании the Сoca-Сola company 286.03 KB
  Получившийся напиток был запатентован как лекарственное средство «от любых нервных расстройств» и начал продаваться через автомат в крупнейшей городской аптеке Джекоба в Атланте. Интересно, что производство «Кока-Колы» в первый год было убыточным, но постепенно популярность «Кока-Колы»
1398. Технологии разработки Windows–приложений в системе Microsoft Visual C++ 2005. Использование Windows Forms 544.17 KB
  Общие сведения о Windows Forms. Программный код приложения, созданного на основе Windows Forms. Создание обработчиков событий. Добавление новой формы в проект. Получение навыков разработки Windows–приложений в системе Microsoft Visual C++ 2005 (VC++) с использованием классов Windows Forms из библиотек.
1399. Разработка приложений на основе Windows Forms с использованием кнопочных элементов управления и графических объектов 656.3 KB
  Получить навыки разработки на основе классов Windows Forms приложений, реализующих пользовательский интерфейс с помощью кнопок и графических объектов. Построение графиков в клиентской области. Алгоритм построения графика функции.