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


 

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

64382. ГЕОМЕТРИЧНЕ МОДЕЛЮВАННЯ РОЗПОДІЛУ ВІДБИТОЇ СОНЯЧНОЇ ЕНЕРГІЇ НА ПРИЙМАЧІ 229 KB
  Кількісна оцінка інтенсивності відбитого потоку дозволяє визначати зони розрідження і концентрації енергії. Розробити алгоритм побудови точкового каркаса поверхні розподілу ступеню концентрації відбитої енергії на приймачі з комп'ютерною реалізацією.
64383. ЕНЕРГОЗБЕРЕЖЕННЯ В ТЕПЛОМАСООБМІННИХ ПРОЦЕСАХ ОЧИЩЕННЯ ВИКИДІВ ВІД ПРОМИСЛОВИХ ОБЄКТІВ 782.14 KB
  В Україні й світовому співтоваристві однією з найгостріших проблем сучасності є зниження енергетичних витрат на системи очищення шкідливих викидiв обєктів промислової теплоенергетики.
64384. РОЗРОБКА БЛОКОВОЇ ЗЕРНОСУШАРКИ НА ОСНОВІ АВТОНОМНИХ ВИПАРЮВАЛЬНО-КОНДЕНСАЦІЙНИХ СИСТЕМ 872.5 KB
  Для сучасного зерносушіння характерні дві проблеми: високі енерговитрати й забруднення зерна продуктами згоряння. Витрати енергії на зерносушіння вище ніж енерговитрати при виробництві зерна. Досвід застосування у світовій практиці теплових труб і термосифонів...
64385. КОЛОЇДНО-ХІМІЧНА ХАРАКТЕРИСТИКА ГУМУСОВО-АКУМУЛЯТИВНОГО ҐРУНТОТВОРЕННЯ І РОДЮЧОСТІ ПРИРОДНИХ Й АГРОГЕННИХ ЧОРНОЗЕМІВ ЛІВОБЕРЕЖНОГО ЛІСОСТЕПУ ТА СТЕПУ УКРАЇНИ 441.5 KB
  Обробіток ґрунтів часто обумовлює мінералізацію органічних речовин значне зниження загальних запасів гумусу в ґрунтах. Тому дослідження органічної складової ґрунту визначення шляхів збереження і накопичення гумусу у ґрунті...
64386. ФІНАНСОВИЙ МЕХАНІЗМ РЕГУЛЮВАННЯ МІЖБЮДЖЕТНИХ ВІДНОСИН В УКРАЇНІ 217.5 KB
  Однією з важливих передумов забезпечення комплексного розвитку бюджетної системи є формування дієвого фінансового механізму регулювання міжбюджетних відносин. У першу чергу це суперечливі політичні економічні та соціальні перетворення відсутність...
64387. Обґрунтування раціональних параметрів і конструкцій шпурових зарядів для зниження розміцнення гірських порід при спрямованому розколі 6.3 MB
  Для цього розроблено спеціальні конструкції зарядів що дозволяють одержати спрямований розкол блока з мінімальним розміцненням породи поблизу бічних поверхонь установити не тільки зниження її міцності але й її зміну із часом після вибухового впливу залежно...
64388. ЗАБЕЗПЕЧЕННЯ ПРАВ ЮРИДИЧНОЇ ОСОБИ В АДМІНІСТРАТИВНИХ ПРОВАДЖЕННЯХ 142.5 KB
  Забезпечення прав юридичної особи в адміністративних провадженнях є однією з найгостріших проблем сучасної української правової науки та практики. Саме права і свободи особи та їхні гарантії визначають зміст і спрямованість державної діяльності...
64389. ПІДГОТОВКА ВИКЛАДАЧІВ АГРАРНИХ ДИСЦИПЛІН У ВИЩИХ НАВЧАЛЬНИХ ЗАКЛАДАХ КРАЇН ПОЧАТКОВОГО ЕТАПУ ЗАХІДНОЄВРОПЕЙСЬКОЇ ІНТЕГРАЦІЇ І ВЕЛИКОБРИТАНІЇ 348 KB
  На кожному етапі він наповнюється новим змістом, новими організаційно-педагогічними формами і методами, новими потребами та відповідними підходами до інтегрування індивідуальних, професійних, соціальних аспектів життєдіяльності.
64390. ІНФОРМАЦІЙНА ТЕХНОЛОГІЯ ДЛЯ МОДЕЛЮВАННЯ ТА РОЗПІЗНАВАННЯ МІМІЧНИХ ПРОЯВІВ ЕМОЦІЙ НА ОБЛИЧЧІ ЛЮДИНИ 26.74 MB
  Методи і алгоритми аналізу й синтезу емоційного стану обличчя людини є складовою частиною систем і засобів штучного інтелекту спрямованих на дослідження створення та впровадження алгоритмічних та програмноапаратних систем і комплексів...