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


 

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

79796. Проектирование телефонной IP сети 1.09 MB
  Использование цифровых систем передачи объясняется существенными достоинствами передачи: высокой помехоустойчивостью, слабой зависимостью качества передачи от длины линии связи, стабильностью электрических параметров каналов связи
79797. База данных Учебная часть РПТ 1.54 MB
  Применение ЭВМ в учебном процессе является естественным продолжением многолетнего процесса внедрения в обучение технических средств. Обладающие высоким быстродействием, большой памятью, способностью перерабатывать информацию, поступающую одновременно от многих пользователей, ЭВМ являются мощным средством повышения эффективности труда.
79798. Испытание и сертификация очень легкого самолета ХАЗ-30 2.2 MB
  Найдены расчетные скорости полета, маневренные перегрузки и перегрузки при полете в неспокойном воздухе. Построена огибающая предельных режимов самолета, определены значения максимальной и минимальной перегрузок. Построены эпюры внутренних силовых факторов, осуществлена проверка правильности построения указанных эпюр. В сечении крыла с исходя из условий статической прочности подобраны сечения силовых элементов
79799. Совершенствование управления прибылью и рентабельностью «ИП Иващенко Д.В» 5.34 MB
  Понятие значение и виды прибыли организации. Актуальность мероприятия направленные на увеличение прибыли ИП Иващенко Д. Повышение эффективности использования прибыли. Рикардо впервые сформулировали факторную модель формирования прибыли как результат использования производственных ресурсов: материальных труда и капитала.
79802. Технология DVD в курсе мультимедиа лекций по дисциплине Компьютерная графика 8.37 MB
  Существует достаточно много интерактивных обучающих курсов, как правило, лабораторные работы, или различные виды материалов для дистанционного обучения. Особенностью данной работы является то, что подготовленный материал предназначается для очного образования и для потоковых лекций. Конечный продукт данной работы –DVD диск, который служит как вспомогательный материал для проведения лекций, но никак самостоятельный обучающий курс. Данный продукт повышает интерес студентов к читаемой дисциплине и повышает качество образовательного процесса.
79804. Создание общей дизайн-концепции полиграфии для Ивангородской детской музыкальной школы 1.55 MB
  Первый слой в файле символ Ивангорода крепость обернутая в клавиши фортепиано прозрачное объяснение названия музыкальной школы Ивангородская. Далее идет слой с текстом обтекающим лиру со всех сторон. Слой Lyer 12 находится ниже остальных и отвечает за нотный стан. Поскольку размер изображения очень большой первый слой был залит белым цветом а не оставлен прозрачным так как это визуально осложнило бы работу над элементами в целом.