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


 

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

78520. Эволюция технических средств в обработке информации. Классификация, структурное построение и основные параметры вычислительных машин 28 KB
  Классификация структурное построение и основные параметры вычислительных машин. Предшественниками вычислительных машин были механические и электромеханические счетные устройства. Эта машина во многом была прообразом современных универсальных вычислительных машин. Лебедевым независимо от фон Неймана были сформулированы более детальные и полные принципы построения электронных цифровых вычислительных машин которые были применены при создании первых отечественных разработок ВМ Первый период 19451955.
78521. Основные аппаратные составляющие и перифирийные устройства компьютеров, их назначение, типы, принципы функционирования и характеристики 33 KB
  Процессор является основным вычислительным устройством ВМ в задачу которого входит исполнение находящейся в памяти машины программы. Процессор является основным вычислительным узлом ПК в задачу которого входят исполнение находящейся в памяти программы. сам по себе процессор и остальные элементы контроллеры памяти интерфейсы шины КЭШ память...
78522. Вычислительные системы: общие понятия, классификация, структурные схемы, характеристики 159.5 KB
  Одним из эффективнейших направлений развития вычислительной техники стало построение так называемых многомашинных вычислительных систем ММВС Принципиальным отличием ММВС от многопроцессорных ВМ является то что входящие в состав ММВС отдельные ВМ или и отдельные так называемые вычислительные модули ВМод включающие центральный процессор основную память интерфейсное устройство и возможно дисковую память имеют свою собственную основную память. Вычислительные машины или и вычислительные модули связываются между собой посредством...
78523. Понятие и классификация вычислительных сетей. Модель многоуровневого сетевого взаимодействия 27 KB
  COWS – кластар рабочих станций NOWS – сеть рабочих станций Основной классифицирующей характеристикой ВС является их масштабная территориальная характеристика: локальные вычислительные сети и глобальные вычислительные сети ГВС и региональные городские РВС. Сети отделов. Сети кампусов изначально преследовали цель объединения нескольких мелких локальных сетей в одну. Корпоративные сети в рамках одного предприятия.
78524. Физический уровень сетевых телекоммуникаций: общие понятия, типы и характеристики линий связи, методы передачи данных 27 KB
  Физический уровень сетевых телекоммуникаций: общие понятия типы и характеристики линий связи методы передачи данных Физ. В зависимости от типа физической среды передачи информации линии связи могут быть либо кабельными проводными либо беспроводными электромагнитные волны. в оптоволоконном кабеле для передачи данных используются световые импульсы. малую надежность передачи информации.
78525. Базовые сетевые технологии: стандарты, механизмы, характеристики 27 KB
  Под топологией компьютерной сети обычно понимают физическое расположение компьютеров сети относительно Друг Друга и способ соединения их линиями. Топология определяет требования к оборудованию тип используемого кабеля методы управления обменом надежность работы возможность расширения сети. Звезда: все компьютеры сети соединяются с центральным компьютером активная звезда при отсутствии центрального компьютера – псевдо звезда. По сети непрерывно циркулирует маркер который имеет длину 3 байта и не содержит обычных данных.
78526. Конструирование путевых машин капитального ремонта пути 1007.73 KB
  От его работы зависит бесперебойная работа всех его секторов. Железнодорожный транспорт многоотраслевое хозяйство представлявшее собой огромный по протяженности конвейер бесперебойная и безаварийная работа которого зависит от функционирования каждой из его составных частей. Железнодорожный путь работает в самых сложных атмосферноклиматических условиях при постоянном воздействии динамической нагрузки от проходящих поездов. Для обеспечения указанных требований постоянно ведутся работы по усилению несущей способности и...
78527. Технология производства рабочей лопатки турбины 4.23 MB
  Одной из самых нагруженных деталью, ограничивающей межремонтный ресурс, являются неохлаждаемые лопатки турбины, изготавливаемые из деформируемого никелевого сплава ЭИ893. Лопатки из этого сплава из-за ограничений по длительной прочности имеют ресурс 48000 часов.
78528. Построение системы управления поставками и маркетинга для крупного металлургического холдинга «КарМет» 19.86 MB
  Традиционные информационные системы изначально были функциональной основой для множества организаций или функциональных сфер, но не могли объединять их в случае их географической распределенности. Одну и ту де информацию собирали многократно и во многих местах, и она была недоступна в реальном времени.