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


 

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

43447. Экономико-статистический анализ себестоимости молока в ЗАО «Шипицинское» Саргатского района Омской области 695.5 KB
  ЗАО «Шипицинское» находится в Саргатском районе. Саргатский район находится в лесостепной зоне. Климат области типично континентальный. отличается он резкими колебаниями температуры в течение года: сухостью, недостатком осадков, малой облачностью. Основными чертами температурного режима являются: суровая, холодная зима, теплое, но непродолжительное лето, короткие осень и весна, короткий безморозный период, резкие колебания температуры от месяца к месяцу, от одного дня к другому и даже в течение суток.
43448. Методы сортировок 71.5 KB
  Затем нужно подсчитать количество сравнений обменов время работы для каждого случая. Построить таблицу сделать вывод от чего зависит количество обменов сравнений и время работы программы для каждой из сортировок.ЗАДАНИЕ Массив Количество сравнений Количество обменов Время работы Подсчитать количество сравнений обменов время работы для каждого случая.
43449. УСИЛИТЕЛЬ МОЩНОСТИ ЗВУКОВОЙ ЧАСТОТЫ 380 KB
  В данном курсовом проекте стоит задача спроектировать усилитель звуковых сигналов. Так как заданная выходная мощность 6 Вт, то усилитель можно считать маломощным, значит, он не будет использоваться для массовых мероприятий или в студиях. Так как полоса частот от 20 Гц до 20 кГц, то такой усилитель не предполагается использовать для высококачественного усиления стереофонического сигнала.
43450. Алгоритм, вывести путешественников, попавших в лабиринт, к выходу 88.5 KB
  Основной блок программы Из процедуры pint_grph отвечающая за прорисовку всего графа будет представлена только та часть которая ответственна за корректный ход пользователя и включает в себя: отображение ходов непосредственно в копированной матрице _C; запись в массив вершин из которых мы попали первый раз в данную...
43451. Проектирование системы для измерения расхода по методу переменного перепада давления 147.5 KB
  Описание принципа измерения расхода по методу переменного перепада давления Расчет и выбор сужающего устройства Датчики давления серии Метран44ДД Список использованных источников Введение Одним из самых распространенных принципов измерения расхода жидкостей газов и паров является принцип переменного перепада давления на сужающем устройстве.
43452. Характеристика уровня проявления тревожности в дошкольном возрасте 1.23 MB
  Определенный уровень тревожности естественная и обязательная особенность активной деятельной личности. У каждого человека существует свой оптимальный или желательный уровень тревожности это так называемая полезная тревожность. Однако повышенный уровень тревожности является субъективным проявление неблагополучия личности.
43453. Основные направления повышения эффективности использования персонала предприятия ОАО «Рыбокомплекс» 560.76 KB
  Анализ производительности труда Достаточная обеспеченность предприятия нужными трудовыми ресурсами их рациональное использование высокий уровень производительности труда имеют большое значение для роста объема производства и повышения эффективности финансово-хозяйственной деятельности предприятия.
43454. Расчет регулирующего органа для регулирования расхода воды на баке циркуляции ц.№ 38 «АВИСМА» ФИЛИАЛ ОАО «КОРПОРАЦИЯ ВСМПО – АВИСМА» 152.5 KB
  Исполнительное устройство – это одно из звеньев автоматических систем регулирования предназначенных для непосредственного воздействия на объект регулирования. В общем случае исполнительное устройство состоит из исполнительного механизма и регулирующего органа....
43455. Исследование и программная реализация методов и алгоритмов теории графов 102.5 KB
  Расчетно-графическая работа представляет собой решение задачи по нахождению минимального пути в графе из заданной вершины x в заданную вершину y, содержащего не более чем k дуг. Расчет выполнен с помощью языка программирования Pascal 7.1 на ПК Pentium3.