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


 

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

52694. Суть та структура проектно-технологтчної діяльності учнів 78.5 KB
  Суть та структура проектно-технологтчної діяльності учнів В останні десятирічча в центрі уваги психолого-педагогічної науки знаходиться вивчення особливостей і можливостей людини умов цілеспрямованої дії на розвиток її творчого потенціалу створення повноцінного навчаючого і розвиваючого середовища. Вона допомагая сформувати в учнів життєво важливі основи технологічних знань і вмінь залучити їх до різних видів практичної діяльності з...
52695. Новое время: встреча Америки и Европы. 4-й класс 44 KB
  Зачем люди отправлялись в путешествия ответы детей Что вы знаете об открытии Америки ответы детей слайд 1 см. На пути Колумба оказалась земля которую он принял за Индию слайд 2. Фернан Магеллан был португальцем слайд 3. Даниэль Дефо 16601731 написал знаменитый приключенческий роман âЖизнь и удивительные приключения Робинзона Крузоâ восславивший труд и волю к жизни слайд 4.
52696. Венерические болезни и меры профилактики 31.5 KB
  Проблемное обучение Тема: Венерические болезни и меры профилактики. Цель: сформировать понятия венерические болезни гонорея сифилис генитальный герпес знание мер профилактики симптомов возбудителей болезни. Планируемый результат: знать понятия венерические болезни гонорея сифилис генитальный герпес знание мер профилактики симптомов возбудителей болезни. На всем Земном шаре люди сталкиваются независимо от их желания с такой проблемой как венерические болезни а столкнувшись с ней не очень компетентны в данной области.
52697. Сценарій свята, присвяченого останньому дзвонику «Хай доля ваша буде дзвінка та крилата»! 111 KB
  Хай відкривають двері у майбутнє. На все життя запамятайте мить чудову Ми радо запрошуємо на свято 53 випуск Манвелівської середньої загальноосвітньої школи щоб їх благословити на доросле життя В Під рушниками оберегами Хай перший ваш проляже шлях Хай біжить він не по тернах по квітучих вже полях випускники зупиняються В. Побажаємо щастя хай доля стелиться їм світлим полотном танцюристи передають рушники батькам які роблять почесний коридор.
52699. Повторение изученного материала. (Сложение и вычитание многозначных чисел) 51 KB
  Проверка выполнения домашнего задания. В течение урока мы будем помогать строителям дома выполняя разные математические задания тем самым будем закреплять изученный материал. а Подготовка площадки для строительства нового дома: 1.10кг б как вы думаете с чего начинается строительство дома ответы детей с планапроекта грамотное составление плана проекта способствует правильному строительству дома поэтому внимание: расшифруйте фразу из ответов решив эти примеры по 2 командам.