Галямова Е.В. - Язык HTML (1075565), страница 2
Текст из файла (страница 2)
Чтобы сделать параграф подлинее, использована дополнительная линия.</p><p align="center"> Параграф два. Этот параграф расположен в центре окна и использует атрибутALIGN=CENTER элемента выделения параграфа. Чтобы сделать параграф подлинее,использована дополнительная линия.
</p><p align="right"> Параграф три. Этот параграф расположен справа и использует атрибутALIGN=RIGHT элемента выделения параграфа. Чтобы сделать параграф подлинее,использована дополнительную линию. </p><hr></body></html>Внимание!!! Особенность предыдущего примера — пустые строки, намеренно или случайнооставленные вами между абзацами, никак не влияют на окончательный вид страницы. Это же касаетсяразрывов строк внутри абзаца. Текст, заключенный в теги абзаца, форматируется автоматически, и строкиразрываются у границы окна броузера.
Это станет Вам понятным, когда Вы создадите свою страницу наосновании этого примера.Если требуется разбить строки абзаца в определенной точке, следует использовать элемент разрывастроки (<ВR>). Этот элемент использует толькоодин тег начала <ВК>; поскольку тег конца не имеет смысла. Рассмотрим пример, построенный на основепредыдущего:<h3>Разрыв строки</h3><p> Параграф один<br>Этот параграф расположен справа и использует атрибут ALIGN=LEFT элемента выделенияпараграфа.<br>Чтобы сделать параграф подлинее, использована дополнительная линия. </p><p align="center"> Параграф два.
Этот параграф расположен в центре окна и использует атрибутALIGN=CENTER элемента выделения параграфа. Чтобы сделать параграф подлинее,использована дополнительная линия. </p><p align="right">Параграф три. <br>Этот параграф расположен справа и использует атрибут ALIGN=RIGHT элемента выделенияпараграфа.<br>Чтобы сделать параграф подлинее, использована дополнительная линия. </p>2. CпискиЭлементы списков позволяют создавать в web-страницах простые, нумерованные и вложенные списки.Существует пять основных типов списков: перечисление, нумерованный, список определений, меню и каталог.Списки меню и каталогов очень похожи на нумерованный список, поэтому здесь мы коснемсятолько первых трех типов списков.Список-перечисление создается с помощью элементов UL (unordered list - неупорядоченный список) и LI(Line Item — строковый элемент).Пример:<ul><li> Пункт 1</li><li> Пункт 2</li><li> Пункт 3</li><li> Пункт 4</li></ul>Нумерованный список начинается с элемента OL.
Один из пяти видов нумерации элементов задается спомощью атрибута TYPE: большими и малыми буквами, большими и малыми римскими цифрами идесятичными числами. Ниже приводится пример простого нумерованного списка, в котором элементынумеруются числами. В этом примере показано также действие атрибута START, который позволяетначинать нумерацию элементов списка с произвольной цифры или буквы.Пример:<ol type="1" start="10"><li> Пункт Номер 1</li><li> Пункт Номер 2</li><li> Пункт Номер 3</li></ol>Список-определение используется для представления текста в обычном формате определения терминов.Список начинается с элемента DL.
Термины определяются с помощью элемента DT (definition term —термин определения), а соответствующее определение обозначается элементом DD.Пример:<dl><dt>ActiveX</dt><dd>Понятие ActiveX принято фирмой Microsoft для описания ееновых Web- технологий, основанных на компонентной модели объекта(COM). </dd><dt>COM </dt><dd>Component Object Model - Компонентная модель объекта Технология системного уровня, созданная фирмой Microsoft дляоблегчения разработки компонентного программного обеспечения.</dd></dl>Форматирование текстаЯзык НТМL содержит множество элементов, предназначенных дляформатирования текста (см. табл. 7.1).
Например, элементы заголовка (от Н1 до Н6)обеспечивают целых шесть уровней форматирования стиля заголовка, которые восновном изменяют размер шрифта. Заголовок первого уровня (Н1) имеет наибольшийразмер, заголовок шестого уровня (Н6) — наименьший.Таблица 7.1 Элементы форматирования текстаЭлементТегЭффектАбзацРОбозначает начало и конец абзаца. Текст,находящийся между этими тегами, автоматическиразбивается броузером на строкиРазрыв строкиBRЯвно разрывает строкуОтмена разрываNOBRЗапрещает разрыв строкистрокиРазбивка наDIVИграет роль контейнера для последовательностейподразделыэлементов.
Например, позволяет установить элементALIGN для нескольких абзацев сразуЗаголовокH1 - H6Стили заголовков. Н1 использует наибольшийшрифт, а Н6 —наименьший. Элементы Н задаюттакже выделение текста полужирным шрифтомПолужирныйB orВыделяет текст полужирным шрифтомSTRONGКурсивI or EMВыделяет текст курсивом.ПодчеркиваниеUВыделяет текст подчеркиваниемОтступыBLOCKQUOT Задает отступы справа и слеваEВерхний илиSUB and SUP Преобразуют текст в верхние и нижние индексынижний индекссоответственноШрифт меньшегоSMALL orSMALL задает размер шрифта на один пунктили большегоBIGменьше текущего значения, а BIG — на один пунктразмерабольше. Теги аналогичны элементам <FONT SIZE =-1> and <FONT SIZE = +1>МоноширинныйPLAINTEXTПолезен для отображения на экране НТМLшрифт, НТМL-тегипрограммы.
Текст отображается моношириннымне обрабатываютсяшрифтом, а НТМL-код, заключенный между тегами,не обрабатываетсяМоноширинныйCODEЭлемент CODE задает использованиеШрифтмоноширинного шрифта. Это полезно приотображении текстов программМоноширинныйPREЭлемент PRE определяет, что следующий участокШрифттекста уже отформатирован и должен отображаться"как есть"Шрифт поBASE FONTЗадает тип, размер и цвет шрифта по умолчаниюумолчаниюШрифтFONTЗадает тип, размер и цвет шрифта для фрагментатекстаЗадание характеристик шрифтаВ броузере Internet Explorer реализованы и усовершенствованы несколько расширенийNеtSсаре, относящихся к шрифтам.
Элемент BASE FONT позволяет установить типшрифта, его размер и цвет по умолчанию. Под типом шрифта понимается его название.Это может быть любой шрифт, установленный на локальном компьютере, которым можноотобразить данную страницу. Размер шрифта представляет собой целое число от 1(наименьший) до 7 (наибольший размер). Цвет шрифта является стандартным HTML цветом. Можно задать несколько видов шрифтов, но использован будет первыйнайденный на данном компьютере.Элемент FONT дает возможность задать шрифт определенного фрагмента текста. Онподдерживает те же атрибуты, что и BASEFONT (Face, Size, Color).<BASEFONT FACE ="Courier New" Size= 3 Color = Blue>Этот текст напечатан шрифтом Courier New синим цветом <BR><BASEFONT FACE ="Arial" Size= 3 Color = Red>Этот текст напечатан шрифтом Arial красным цветом (размер=3)<BR><FONT SIZE =+1 >Шрифт увеличен на один размер (размер = 4) <BR><FONT SIZE =+1 > Шрифт не изменился, потому что он меняется по отношениюк BASEFONT (остался размер = 4)<BR><FONT SIZE =-1 >Шрифт уменьшился сразу на два размера (размер = 2), потому что он меняется поотношению к BASEFONT <BR><FONT SIZE =5 > Размер шрифта стал = 5 <BR><font color="#000000" size="5" face="Times New Roman">А теперь мы изменилицвет и стиль шрифта на "Times New Roman"<br>Практическая часть1.
Создание первой веб-страницыЗапустите NotePad и наберите (или скопируйте в него) следующий текст:<HTML><HEAD><TITLE>Моя первая Веб-страница </TITLE></HEAD><BODY><H1> А здесь - текст о себе </H1></BODY></HTML>Сохраните этот файл под именем SIMPLE.HTM.Запустите Internet Explorer.
Как только он будет запущен, введите путь к Вашему файлу вполе Address и нажмите клавишу Enter. Ваша первая страница отобразится в окнеInternet Explorer.2. Использование элементовПолужирный текст и курсивВставьте в текст программы строки<B> Этот тескт напечатан полужирным шрифтом</B><B> Этот тескт напечатан полужирным шрифтом и <I> курсивом</I></B>3. Использование атрибутовВставьте в текст программы строки:<P ALIGN=CENTER>Это предложение расположено по центру страницы </P><P ALIGN = RIGHT> Это предложение расположено справа.
</P><P ALIGN = LEFT> Это предложение расположено слева. </P>4. Использование комментариевВсе новые строки в программе сопровождайте комментариями.Для ввода комментариев в текст программы, используя два способа1 способ<!-- Это начало комментариев.А это конец комментариев -- >2 способ<COMMENT>Это начало комментариев с использованием тега версии 2.0.</COMMENT>5.
Использование цветаВведите строку, обозначающую СИНИЙ цвет фона Вашей страницы, в начало основного тела программы(после элемента <BODY>):<body bgcolor="blue"><h4><font color ="#0000FF" size = "2">Last update: October 08, 2001 </font></h4><TABLE bgcolor="Ivory">Варианты заданий:1. Оформите свою веб-страницу в соответствии с Вашим вариантом (для справки см.таблицу 1)№№ Текст наШрифтЦвет фонаРасположениеппстраницетекста на странице1ФИО, группа ПолужирныйСерыйВ центре сверху2ФИО, группа КурсивЗеленыйВ центрепосередине3ФИО, группа НормальныйСинийВ центре внизу4ФИО, группа Подчеркнутый БелыйСлева сверху5ФИО, группа ПолужирныйБежевыйСправа сверху6ФИО, группа КурсивФиолетовый Слева внизу7ФИО, группа НормальныйСерыйСправа внизу8ФИО, группа Подчеркнутый ЗеленыйВ центре внизу9ФИО, группа ПолужирныйСинийВ центре сверху10ФИО, группа КурсивБелыйВ центрепосередине11ФИО, группа НормальныйБежевыйВ центре внизу12ФИО, группа Подчеркнутый Фиолетовый Слева сверху13ФИО, группа ПолужирныйСерыйСправа сверху14ФИО, группа КурсивЗеленыйСлева внизу15ФИО, группа НормальныйСинийСправа внизу16ФИО, группа Подчеркнутый БелыйВ центре внизуВНИМАНИЕ: Текст программы обязательно должен содержать комментарии.1.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
