x-uni.com
регистрация / вход
сейчас на линии 125 чел.
x-uni.com
x-uni.com
 
Математика
Биология
Литература
Русский язык
ВИДЕО
Физика
Химия
История
Английский
 
ВИДЕО
 
 
регистрация / вход
сейчас на линии 125 чел.

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

Оглавление Информатика - Программирование - html - Форматирование Читать далее Все страницы
Информатика - Программирование - html - Форматирование

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

Параграфы вводятся тэгом: <p></p>
<p align="center">текст</p> С помощью параграфов мы можем центрировать текст
<p align="left">текст</p>  С помощью параграфов мы можем выровнять текст по левому краю
<p align="right">текст</p> С помощью параграфов мы можем выровнять текст по правому краю документа
<p align="justify">текст</p> С помощью параграфов мы можем выровнять текст по обоим краям документа

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

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

Здравствуйте, это моя персональная страница.
<br>
<font color="#CC0000"> Вот как у меня получилось</font> </p>

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66">У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font>

</body>
</html>

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

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

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

если вам этот перенос не нужен, есть  альтернативный тэг <p align="center">:     <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>
<br>
<font color="#CC0000"> Мой кот - Шерри</font> </center>

<p align="justify">

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66">У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font>

</p>

</body>
</html>

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

<font size="+4"> текст </font>
<font size="+3"> текст </font>
<font size="+2"> текст </font>
<font size="+1"> текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2"> текст </font>

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

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

<p align="justify">

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66"><font size="+4"> У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font></font>

</p>

</body>
</html>

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

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

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

Тип Шрифта

<font face="arial"> текст (шрифт Arial)</font>

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

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

Предложения интернет-магазинов

Информатика и информационные технологии для учащихся школ и колледжей

Автор(ы): Есипов Александр   Издательство: BHV, 2004 г.  Серия: Информатика и информационные технологии

Цена: 217 руб.   Купить

В учебном пособии рассматриваются следующие разделы школьного курса информатики и информационных технологий: устройство и основные принципы работы компьютера, информация и информационные процессы, обработка числовой и текстовой информации, работа с базами данных, алгоритмизация и программирование на языке Visual Basic. В первой части материал излагается на более простом, базовом уровне, во второй части - на углубленном. Все разделы учебника сопровождаются многочисленными примерами с комментариями и задачами для самостоятельного решения.


Самостоятельная подготовка к ЕГЭ по информатике

Автор(ы): Кашаев Сергей Михайлович, Шерстнева Людмила Владимировна   Издательство: BHV, 2009 г.  Серия: Информатика и ИКТ

Цена: 256 руб.   Купить

Книга предназначена для самостоятельной подготовки к ЕГЭ по информатике в общеобразовательных школах и содержит следующие разделы: "Информация и информационные процессы", "Системы счисления", "Логика", "Информационные модели и системы", "Компьютер, операционные системы и программные оболочки", "Обработка графической и звуковой информации", "Электронные таблицы", "Базы данных", "Телекоммуникационные технологии", "Алгоритмизация и программирование". Последней теме, с учетом преобладания этих вопросов в тестах ЕГЭ, посвящены три главы: алгоритмизация задач, программирование, алгоритмы без программирования. Каждая глава построена следующим образом: сначала рассматриваются необходимые теоретические сведения, по мере изложения которых приводятся типовые примеры, в конце содержится отдельный раздел с примерами. Книга может использоваться как при подготовке к ЕГЭ, так и в текущем учебном процессе учащимися и учителями школ и колледжей.


Программирование для школьников и студентов

Автор(ы): Колесов Вадим Владимирович, Романов Максим Николаевич   Издательство: Феникс, 2013 г.  Серия: Абитуриент

Цена: 330 руб.   Купить

Эта книга - учебное пособие по программированию, написанное ясно и просто. Она адресована тем, кто хочет научиться составлять простые компьютерные программы для Windows на современном диалекте языка Паскаль, который называется языком Delphi. В книге много примеров и упражнений с решениями. Отдельный раздел посвящен подготовке к ЕГЭ по информатике. В основу книги положен курс лекций "Современное программирование", который авторы читают в университете студентам, специализирующимся в области прикладной математики и информационных технологий.


Информатика и информационно-коммуникационные технологии. 9 класс

Автор(ы): Анеликова Людмила Александровна, Гусева Ольга Борисовна, Стрельникова Ирина Сергеевна   Издательство: Солон-пресс, 2012 г.  Серия: Элективный курс. Профильное обучение

Цена: 579 руб.   Купить

Данный учебник предназначен для учащихся 9 классов общеобразовательных школ. В нем рассмотрены все основные темы курса в соответствии с требованиями федерального компонента государственного стандарта общего образования. Раздел "Программирование" реализован на трех языках программирования, что предоставит учителю право выбора, а учащимся облегчит подготовку к сдаче ЕГЭ.

ПЕДСОВЕТ / ФОРУМ

Новости образования

Новости науки

флаг италииX-UNI рекомендует репетитора итальянского языка: yuliyavenezia (Скайп).

Репетитор по Скайпу без посредников

Неограниченная аудитория, свободный график. Начните свой бизнес здесь!