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


 

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

13428. РОБОТА У ФАЙЛОВОМУ МЕНЕДЖЕРІ WINDOWS COMMANDER 358 KB
  ЛАБОРАТОРНА РОБОТА № 5 РОБОТА У ФАЙЛОВОМУ МЕНЕДЖЕРІ WINDOWS COMMANDER 1. Мета роботи Ознайомитися з можливостями програми WINDOWS COMMANDER та придбати навички для її використання у повсякденній діяльності. 2. Задачі роботи 2.1. Освоїти роботу з файловим менеджером WINDOWS COMMAND...
13429. ПРОГРАМА АРХІВАЦІЇ WINRAR 477 KB
  ЛАБОРАТОРНА РОБОТА № 6 ПРОГРАМА АРХІВАЦІЇ WINRAR 1. Мета роботи Навчитися виконувати архівацію файлів документів і програм за допомогою програми архівації WinRAR. 2. Задачі роботи 2.1. Освоїти роботу з програмою архівації WinRAR. 2.2. Придбати практичні навички по архіва...
13430. ОБСЛУГОВУВАННЯ ДИСКІВ ПК ЗА ДОПОМОГОЮ СЛУЖБОВИХ ДОДАТКІВ 437 KB
  ЛАБОРАТОРНА РОБОТА № 7 ОБСЛУГОВУВАННЯ ДИСКІВ ПК ЗА ДОПОМОГОЮ СЛУЖБОВИХ ДОДАТКІВ 1. Мета роботи Навчитися виконувати обслуговування дисків за допомогою службових додатків ОС Windows 2000. 2. Задачі роботи Придбати практичні навички роботи із службовими дода...
13431. ФОРМУВАННЯ ТАБЛИЦЬ В ТАБЛИЧНОМУ ПРОЦЕССОРІ MICROSOFT EXCEL 1.81 MB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ №1 ФОРМУВАННЯ ТАБЛИЦЬ В ТАБЛИЧНОМУ ПРОЦЕССОРІ MICROSOFT EXCEL 1. Мета заняття Оволодіти практичними навичками роботи в процесі формування електронних таблиць ЕТ та здійснення в них розрахунків. 2. Завдання роботи Оволо...
13432. ПОВЯЗУВАННЯ ТАБЛИЦЬ MICROSOFT EXCEL 494 KB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ №2 ПОВЯЗУВАННЯ ТАБЛИЦЬ MICROSOFT EXCEL 1. Мета заняття Навчитись працювати і придбати практичні навички роботи з декількома пов'язаними таблицями. 2. Завдання роботи Оволодіти прийомами пов'язування електронних таблиц
13433. ВБУДОВАНІ ФУНКЦІЇ MS EXCEL та ОФОРМЛЕННЯ РОБОЧИХ АРКУШІВ 180 KB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ №3 ВБУДОВАНІ ФУНКЦІЇ MS EXCEL та ОФОРМЛЕННЯ РОБОЧИХ АРКУШІВ 1. Мета та завдання роботи Придбання навичок роботи з вбудованими функціями Microsoft Excel та оволодіння можливостями оформлення робочих аркушів. 2. Зміст робот
13434. СПОСОБИ ОФОРМЛЕННЯ ДІАГРАМ 350 KB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ №4 СПОСОБИ ОФОРМЛЕННЯ ДІАГРАМ 1. Мета роботи Метою даної роботи є отримання практичних навичок при побудові редагуванні і оформленні діаграм в табличному процесорі Microsoft Excel. 2. Зміст роботи 2.1 Завантажити оболонку ...
13435. УПРАВЛІННЯ ДАННИМИ В MICROSOFT EXCEL 130.5 KB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ № 5 УПРАВЛІННЯ ДАННИМИ В MICROSOFT EXCEL 1. Мета заняття Оволодіти навичками роботи з базами даних в Microsoft Excel. 2. Завдання роботи Навчитись: 2.1. Створювати бази даних. 2.2. Створювати форми даних і працювати в них із запи...
13436. СТВОРЕННЯ ЗВЕДЕННИХ ТАБЛИЦЬ В MICROSOFT EXCEL 354.5 KB
  МЕТОДИЧНІ ВКАЗІВКИ ДО ЛАБОРАТОРНОЇ РОБОТИ №6 СТВОРЕННЯ ЗВЕДЕННИХ ТАБЛИЦЬ В MICROSOFT EXCEL 1. Мета роботи Придбати практичні навички по створенню і використанню зведених таблиць в Microsoft Excel. 2. Задачі роботи Опанувати прийоми формування редагування зміни та