все записи автора

В этом уроке вы узнаете:

1. Что такое HTML.

2. Зачем?



Научитесь:

1. Форматировать текст (основные теги для оформления текста).



Что такое HTML?



(англ. сокр. HyperText Markup Language - язык гипертекстовой разметки)

На этом языке браузеру сообщается, какой именно текст и другие элементы (картинки, таблицы, формы) и каким образом нужно отображать на странице. На языке HTML не программируют, а верстают - особым образом размечают текст для публикации в интернете.



Для чего нужен HTML?



Язык HTML позволяет связывать страницы между собой с помощью ссылок (линков). Наличие ссылок являтся фундаментальным свойством веб-страниц. Ссылкой может являться не только некоторая часть текста, но и картинка или ее часть.


Форматирование текста:



Форматирование производится при помощи тегов.



Пример тэга: <br> (перенос текста на другую строку). Итак, все, что находится между < и > - это тэг. Текст, не находящийся между такими скобками < > - весь виден при просмотре в броузере.



Красим текст:



<font color="#CC0000"> Пример </font>



Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.



Попробуйте вместо СС0000 подставить другие значения цветов для атрибута color. Обратите внимание, что значению цвета обязательно должен предшествовать значок «решетка» - #.



Меняем размер текста:



Заголовки предназначены для выделения небольшой части текста (строки, фразы). Для этого предназначен атрибут 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>


Выравниваем текст:



Параграфы вводятся тэгом:



<p></p>



С помощью параграфов мы можем центрировать текст:

<p align="center">текст</p>

С помощью параграфов мы можем выровнять текст по левому краю:

<p align="left">текст</p>

По правому краю документа:

<p align="right">текст</p>

По обоим краям документа:

<p align="justify">текст</p>

Заметьте, что текст в документе, если не задавать параграфы, всегда выравнивается по умолчанию по левому краю. Также запомните, что после закрывающего тега </p> автоматически происходит перенос строки. Но что делать, если вам этот перенос никак не нужен? Лучше использовать тэг <div></div>, одно из назначений которого выравнивание содержимого вашего документа. Все четыре значения атрибута align можно употреблять с <div>:













Курсив, жирный текст, подчеркнутый и другие:



Сначала рассмотрим курсив и полужирный текст:



<b> Полужирный текст </b>

<i> Наклонный текст (курсив) </i>



Теперь пара строк о моширинном шрифте. Что это такое за шрифт? Это шрифт с символами одинаковой фиксированной ширины, как шрифт у пишущей машинки. А тэг для него следующий:



<tt> моноширинный шрифт </tt>



Подчеркнутый текст вводится при помощи тэга <u>:



<u> Подчеркнутый текст </u>



Тэги <strike> и <s> представляют текст перечеркнутым шрифтом, можете использовать какой вам угодно из них, принципиальной разницы между ними нет:
v

<strike> Перечеркнутый </strike>

<s> Перечеркнутый </s>



Тэг <big> представляется крупным шрифтом, а <small> малым шрифтом относительно основного текста:



<small> Малый </small>


Нормальный текст

<big> Большой </big>



Тэги Sup и Sub - определяют верхний и нижний индексы. Sup - верхний, Sub - нижний. Где они могут пригодиться? Ну, например, при написании какой-нибудь формулы - H2O (все, что мы выносим со школьной скамьи:).



Верхний индекс ^{^sup}

Нижний индекс _{_sub}



_______________________________

В следущем уроке вы узнаете как:



1. Создавать гиперссылки.

2. Размещать картинки.



А пока все.