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. Ваша личная страница уже должна содержать фотографию, немного текста (причем отформатированного).   


 

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

11052. Принципы передачи и преобразования информации 130 KB
  Принципы передачи и преобразования информации Во многих встречающихся на практике случаях функциональный блок мехатронного устройства являющийся потребителем информации удален от первичного источника информации например датчика на некоторое иногда довольно зна...
11053. Системы управления мехатронными объектами 123 KB
  Системы управления мехатронными объектами Мехатронные объекты являются ярким примером реализации сложных законов управления. Системы управления применимы в тех случаях когда объект процесс обладает управляемостью т.е. существует возможность изменения его некотор...
11054. Построение структуры системы управления, программная реализация регуляторов 136 KB
  Построение структуры системы управления программная реализация регуляторов Большинство систем процессорного компьютерного управления содержат в своем составе различные регуляторы выполненные программным образом либо реализованные аппаратно. В настоящее время н...
11055. Исполнительные устройства систем мехатроники 206.5 KB
  Исполнительные устройства систем мехатроники Общие сведения и классификация Исполнительными механизмами называются механизмы выполняющие непосредственно требуемую технологическую операцию путем воздействия на обрабатываемую среду или объект с целью изменения
11056. Основы проектирования интегрированных мехатронных модулей и систем 734 KB
  Основы проектирования интегрированных мехатронных модулей и систем Основой метода мехатроники является интеграция составляющих частей которая закладывается на этапе проектирования и затем реализуется в технологических процессах производства и эксплуатации мехат...
11057. Методы интеграции при проектировании мехатронных агрегатов 182.5 KB
  Методы интеграции при проектировании мехатронных агрегатов Для проектирования интегрированных мехатронных агрегатов разработаны три метода интеграции. Каждый из методов может применяться как самостоятельно так и в комбинации с другими методами поскольку они реа
11058. Создание базы данных каналов промышленного контроллера в SCADA системе TRACE MODE 561.5 KB
  Создание базы данных каналов промышленного контроллера в SCADA системе TRACE MODE: методические указания по выполнению практической работы и варианты заданий / Воронеж. гос. технол. акад.; сост. И.А. Хаустов А.А Хвостов Р.А. Романов. – Воронеж: ВГТА 2011. – 32 с. Указания разработаны
11059. Создание базы каналов автоматизированного рабочего места диспетчерского контроля и управления с настройкой сетевого обмена 447 KB
  Создание базы каналов автоматизированного рабочего места диспетчерского контроля и управления с настройкой сетевого обмена: методические указания по выполнению практической работы / Воронеж. гос. технол. акад.; сост. И.А. Хаустов А.А Хвостов Р.А. Романов. – Воронеж: ВГТА 20...
11060. Создание пользовательских функциональных блоков программированием на СИ++ 900 KB
  Создание пользовательских функциональных блоков программированием на СИ: Методические указания для выполнения лабораторной работы по дисциплине Интегрированные системы проектирования и управления / Воронеж. гос. технол. акад.; Сост. И.А. Хаустов А.А. Хвостов. Воронеж...