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


 

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

334. Организация работы воспитателя в логопедической группе для детей с общим недоразвитием речи 195.5 KB
  Обучение детей с общим недоразвитием речи по коррекционной программе в условиях специализированной группы для детей с общим недоразвитием речи позволяет устранить речевые нарушения и подготовить детей к обучению в школе.
335. Жилой 5-ти этажный 2 секционный дом в город Чита 185.5 KB
  Архитектурно-конструктивная часть Фасад 1-9; План 1-го и типового этажей. генеральный план. Схемы расположения фундаментов, плит перекрытия и покрытия; план кровли, разрез 1-1 конструктивные узлы. Защита конструкций от коррозии, гниения и возгорания.
336. Древнейший период истории Сурского края 27.5 KB
  Исследователи выделяют следующие этапы начальной истории человечества: палеолит(древний каменный век)-2,6 млн.- 10 тыс.лет до н.э.; мезолит-10 тыс.-6 тыс.лет до н.э.; неолит(новый каменный век)-6 тыс.-4-3 тыс.лет до н.э.; энеолит(медно-каменный век) 4-3 тысячелетия до н.э.
337. Расчёт области несмешиваемости в системе In-Ga-Sb 236 KB
  Термодинамические модели растворов. Гетерогенные равновесия в трехкомпонентных системах с двумя двойными полупроводниковыми соединениями. Несмешиваемость и спинодальный распад. Расчет области несмешиваемости квазибинарной тройной системы InGaSb.
338. История менеджмента. Природа управления и исторические тенденции его развития 358 KB
  Природа управления и исторические тенденции его развития. Отличия японской и американской модели менеджмента. Основные выводы по классическому направлению в менеджменте. Четвертая революция в менеджменте.
339. Исследование параметров двигателя постоянного тока с независимым возбуждением 364 KB
  Построение естественной (идеальной) механической характеристики ДПТ с независимым возбуждением. Искусственная механическая характеристика ДПТ с независимым возбуждением при пониженном напряжении на обмотке якоря.
340. Экономика вопросы для подготовки к экзамену 338.5 KB
  Производство и производственные возможности общества. Воспроизводство и экономический рост. Циклический характер экономического развития. Кредитные учреждения и их функции. Влияние НТП и инвестиционных проектов на развитие страны. Валютный рынок.
341. Государство российской империи в период абсолютизма. Губернская реформа 1775 года 245.5 KB
  Преобразования в государственном управлении в царствовании Екатерины II. Губернская реформа 1775 года. Государственное управление в эпоху дворцовых переворотов. Политические реформы Петра I. Положение Русской Церкви до реформ.
342. Принципы функционирования различных входных цепей 283 KB
  Схема исследования входного устройства профессионального радиоприемника состоящего из противолокационного фильтра и аттенюатора. Схемы исследования низкочастотной входной цепи профессионального радиоприемника.