Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Стиль текста




Цвет

Заголовки

В наборе тегов html языка имеется шесть типов заголовков:

<h1> Привет мир!!! </h1>

<h2> Привет мир!!! </h2>

<h3> Привет мир!!! </h3>

<h4> Привет мир!!! </h4>

<h5> Привет мир!!! </h5>

<h6> Привет мир!!! </h6>

Думаю с этим понятно.. <hx> тег заголовка, где значение x является величиной буковок (может быть от одного до шести). Помните, что после использования того или иного заголовка происходит перенос строки - на то он и заголовок.

Заголовки дело хорошее и достаточно удобное, но ими можно выделять только маленькие кусочки текста, а что если нам надо выделить весь текст?

Знакомимся тег <font> в переводе на русский - "шрифт".. Тег <font> помимо прочих атрибутов, о которых ещё пойдет речь, имеет атрибут size - размер.

Пишется и выглядит это так:

<font size="+4"> Привет мир!!! </font>
<font size="+2"> Привет мир!!! </font>
<font size="+0"> Привет мир!!! </font>
<font size="-1"> Привет мир!!! </font>
<font size="-2"> Привет мир!!! </font>

Добавим эти теги на нашу страницу.

<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
<center> <h2> Привет мир!!! </h2> </center>
<br>
<p align="justify">
<font size="+1"> Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю <font size="+2"> вареньё!!! </font> С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!! </font>
</p>
</body>
</html>

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

Для придания страничке красивого вида не обойтись без палитры с красками..

В html языке используется своя палитра красок. Вот основные цвета, выглядят они так:

#000000 black #ffffff white #ff0000 red
#ffa500 orange #ffff00 yellow #008000 green
#00ffff cyan #0000ff blue #800080 purple


Полная палитра базовых красок приведена здесь: (http://www.webremeslo.ru/spravka/spravka1.html)

Один и тот же цвет можно задать двумя способами:
используя шестнадцатеричное значение цвета RGB - например #008000 - зелёный цвет, либо используя константы цвета - green (для тех кто учил французский, green -зелёный.)

Краски есть, давайте рисовать!

Мы уже знакомы с тегом <font> у него есть еще один атрибут - color.

Так вот, если к примеру написать так:

<font color="#ff0000"> Привет мир!!! </font> - То цвет шрифта станет красным. Попробуйте..

А можно так:

<font color="red"> Привет мир!!! </font> - Будет тоже самое..

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

Есть еще один способ изменить цвет текста. Тег <body> </body> "тело" - имеет атрибут text - "текст" если присудить этому атрибуту любой цвет из доступной палитры то весь текст в нашей странице окрасится, кроме тех мест, где мы "принудительно" указали другой цвет.

В строчке, где стоит открывающий тег <body> пишем так:

<body text="#ff8c40 ">

Теперь весь текст у нас стал оранжевым кроме заголовка "Привет мир!!!" который мы отдельно перекрасили в красный.

А вот атрибут тега <body> bgcolor и его значение задает цвет фона страницы

<body bgcolor="#40caff"> - залили всё голубым..

Раскрасьте свою страницу на свой лад.. пробуйте, экспериментируйте!

Сейчас Вам нужно понять принцип построения html кода иначе рано или поздно станете в тупик.. конечно, я и дальше буду выкладывать готовые примеры, но нет ничего лучше чем самостоятельная практика.

На данный момент у меня получилось вот так:.. а у Вас?

<html>
<head>
<title>Мой первый сайт </title>
</head>
<body text="#484800" bgcolor="#e8e8e8" >
<center>
<h2>
<font color="#008000"> Привет мир!!!</font>
</h2>
</center>
<p align="justify">
<font size="+1">Меня зовут Карлсон! Я в меру упитанный мужчина - это моя первая страничка! Здесь я хочу найти себе новых друзей, для того чтобы вместе гулять по крышам! Я очень очень сильно люблю <font size="+2" color="#ff0000" >вареньё!!!</font> С нетерпеньем буду ждать Вашего приглашения на чай. Прилечу!!
</font>
</p>
</body>
</html>

Обратите внимание на то, как пишется код, если в теге присутствует два и более атрибута. В нашей строчке <body text="#ff207b" bgcolor="#1a77f0"> у тега <body> два атрибута text и bgcolor мы просто пишем их подряд через пробел, не разделяя никакими другими знаками..

Здесь все достаточно просто..

Итак, новые теги:

<b> </b> - Полужирный текст
<i> </i> - Наклонный текст
<u> </u> - Подчеркнутый текст
<strike> </strike> - Перечеркнутый
<s> </s> - Перечеркнутый (второй вариант, от первого ничем не отличается)
<tt> </tt> - моноширинный шрифт
<small> </small> - Малый
<big> </big> - Большой
<sup> </sup> - Верхний индекс
<sub> </sub> - Нижний индекс

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

Вот пример на всякий случай…

<html>
<head>
<title>Стили текста</title>
</head>
<body>
<big><b><u> Научная статья. </u></b></big>
<br>
<br>
Если разбавить дистиллированную воду Н <sub> 2 </sub> О сорока процентами этилового спирта С <sub> 2 </sub> Н <sub> 5 </sub> ОН то получится жидкость в 40 <sup> о </sup> более известную широкой публике под названием <i> - водка. </i>
<br>
Впервые данную пропорцию <s> придлажил </s> предложил <tt> Дмитрий Иванович МЕНДЕЛЕЕВ. </tt>
<br>
<br>
<br>
<small> Распитие спиртных напитков вредит вашему здоровью. </small>
</body>
</html>




Поделиться с друзьями:


Дата добавления: 2014-10-31; Просмотров: 361; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.016 сек.