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


 

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

34439. Гражданская война в России: причины, участники, этапы, итоги 32.5 KB
  Восстал Чехословацкий корпус Большевики начинают создание Красной армии Лето 1918 осень 1920 гг. фронтовой этап военное противостояние Красной армии и белого движения. Большевики вводят всеобщую воинскую повинность для рабочих и беднейших крестьян в Красной армии вводилась строгая дисциплина привлекались старые военспецы. Красная армия разбила армии Юденича Колчака и Деникина Апрельоктябрь 1920 г.
34440. Новая экономическая политика: мероприятия и итоги 35 KB
  Оценки сущности и значения нэпа. началось восстание моряков в Кронштадте Основным содержанием нэпа стало широкое использование рыночных отношений. Итоги нэпа: Быстро восстанавливался довоенный уровень промышленности и сельского хозяйства был ликвидирован транспортный кризис Развивалась частная инициатива появился слой предпринимателей нэпманов Стабилизировалась финансовая система Полки магазинов заполнились товарами Выросла безработица уровень жизни большинства народа оставался низким Противоречивость нэпа: в экономике:...
34441. Образование СССР: причины и принципы создания союза 34 KB
  После гражданской войны на месте бывшей Российской империи появились новые государства: Финляндия Польша Латвия Стали независимыми государствами с буржуазными правительствами Литва Эстония Россия Украина Стали Советскими республиками Белоруссия Закавказская Федерация Бухарская республика Хорезмская республика Дальневосточная республика Предпосылки образования СССР: Экономическая взаимозависимость республик которые раньше существовали в рамках одного государства Необходимость противостоять общим врагам Все...
34442. Строительство социализма в СССР в 1920 – 1930-е гг.: становление тоталитарного режима, проведение индустриализации и коллективизации, культурная революция 42.5 KB
  В середине 20х годов перед советским государством встала задача модернизации экономики и превращения СССР из аграрноиндустриальной страны в индустриальную. СССР мог производить любой вид промышленной продукции Индустриализация тяжело отразилась на положении крестьян. С одной стороны был сделан гигантский скачок в развитии страны СССР вышел на 2 место в мире по производству промышленной продукции.
34443. Великая Отечественная война 1941 – 1945 гг.: основные этапы, события и итоги. Источники и значение победы 43 KB
  Этапы войны: 22 июня 1941 г. Причины неудач Красной Армии в первые месяцы войны: Неожиданность нападения Германии войска не были приведены в полную боевую готовность; Не было завершено перевооружение Красной Армии новую технику не успели освоить. В начале войны многие части не имели связи со своими штабами что затрудняло получение сведений о враге и приводило к окружению и плену. Центральным событием начального этапа войны стала битва за Москву 30 сентября 56 декабря 1941 г.
34444. Развитие СССР в 1953 – 1964 гг. Десятилетие реформаторского порыва 33.5 KB
  На ХХ съезде партии Хрущев осудил культ личности Сталина. Не допускалась критика партии и социализма. была принята новая программа партии которая ставила задачу построения коммунизма за 20 лет. Первым секретарем партии стал Л.
34445. СССР в середине 1960-середине 1980-х гг.: основные тенденции и противоречия социально-экономического развития 34.5 KB
  СССР в середине 1960середине 1980х гг. В новой Конституции СССР принятой в 1977 г. Под руководством председателя Совета министров СССР А. Результатом стало все большее отставание СССР от стран Запада.
34446. Перестройка в СССР: попытки реформирования экономики и обновления политической системы 39.5 KB
  Политические и социальноэкономические преобразования в СССР в период правления Горбачева получили название перестройка. Сократились доходы СССР от внешней торговли в связи с падением мировых цен на нефть и газ. была отменена 6ая статья конституции СССР о руководящей роли КПСС Был введен пост Президента СССР им стал М.
34447. История как наука. Исторические источники и вспомогательные исторические дисциплины 33.5 KB
  Сама наука сложилась намного позднее. Историческая наука оперирует точно установленными фактами которые извлекаются из источников. Геральдика наука о гербах.