В этом уроке вы узнаете:
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>:
<div align="center">текст</div>
<div align="left">текст</div>
<div align="right">текст</div>
<div align="justify">текст</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>
sup </sup>
Нижний индекс <sub>
sub </sub>
_______________________________
В следущем уроке вы узнаете как:
1. Создавать гиперссылки.
2. Размещать картинки.
А пока все.