Информатика - Программирование - html - Форматирование

Информатика - Программирование - html - Форматирование

Пока наша страница выглядит не слишком привлекательно. С помощью HTML - тегов можно задать различные параметры форматирования текста.

Параграфы вводятся тэгом: 
текст С помощью параграфов мы можем центрировать текст
текст С помощью параграфов мы можем выровнять текст по левому краю
текст С помощью параграфов мы можем выровнять текст по правому краю документа
текст С помощью параграфов мы можем выровнять текст по обоим краям документа

----

Задание
Введите параграфы в свой документ. Попробуйте подставить в параграф атрибут align с разными значениями. Например с "align="center".

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">


Здравствуйте, это моя персональная страница.
 
 Вот как у меня получилось 

 Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.

 Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. 

 У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. 

</body>
</html>

 - никогда нельзя вводить в документ подобную конструкцию

текст в документе, если не задавать параграфы, всегда выравнивается по умолчанию по левому краю

после закрывающего тега автоматически происходит перенос строки

если вам этот перенос не нужен, есть альтернативный тэг : <center> текст </center> или <div align="center"> текст </div>
<div align="left"> текст </div>
<div align="right"> текст </div>
<div align="justify"> текст </div>

параграф не может содержать в себе другие параграфы, и также тэг <div></div>
<div> может содержать в себе параграфы

Заголовки

Размер шрифта для имеющихся заголовков задаются тегами от <Н1> (самый крупный) до <Н6> (самый мелкий)

Давайте теперь введем заголовок в наш документ. Мне кажется, что фраза "Здравствуйте, это моя первая страница" так и просится, чтобы ее выделили:

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
<center>

<H3>Здравствуйте, это моя персональная страница.</H3>
 
 Мой кот - Шерри </center>



 Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.

 Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. 

 У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. 



</body>
</html>

Заголовки предназначены для выделения небольшой части текста (строки, фразы). Но, если вы хотите выделить большой фрагмент текста, то заголовки для этого использовать нельзя. Для этого предназначен атрибут size тэга , который устанавливает желаемый размер шрифта:

 текст 
 текст 
 текст 
 текст 
 текст 
 текст 
 текст 

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
<center>

<H3>Здравствуйте, это моя персональная страница.</H3>
 
 Вот как у меня получилось </center>



 Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.

 Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. 

 У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. 



</body>
</html>

----

Стиль шрифта
Продолжаем форматирование нашего текста. Попробуем изменить стиль шрифта

 Полужирный текст 
 Наклонный текст (курсив) 
 Подчеркнутый текст 
<strike> Перечеркнутый </strike>
<s> Перечеркнутый </s>
 Малый 

Нормальный текст
<big> Большой </big>
Верхний индекс sup 
Нижний индекс sub 

Тип Шрифта

 текст (шрифт Arial)

Какие же типы шрифтов являются стандартными, и по идее должны находиться на компьютере каждого пользователя - это:

* Times;
* Times New Roman;
* Arial;
* Helvetica;
* Courier;
* Verdana;
* Tahoma;
* Comic Sans;
* Garamond

Дата публикации: 23.09.2010 12:27 UTC

Хештеги: #информатика :: #программирование :: #основные понятия :: #урок по информатике :: #конспект по информатике :: #лекция по информатике :: #форматирование :: #html

Следующие учебники и книги:

Предыдущие статьи:

<< Предыдущая статьяСледующая статья >>

Информатика - Программирование - html - Форматирование

Смотрите также учебники, книги и учебные материалы: