Создаём сайт!

На Главную

Програмы

Линукс

Создать Сайт

Медиа Центр

Связь с нами

Вступление

Текст и оформление

Картинки и фон

Таблицы

Ссылки

Выбираем хостинг!

Работа с текстом в HTML

В HTML работа с текстом достаточно удобна,вам нужно вписать ваш
текст между тегами < body > и < /body > и вот он уже у вас на дисплее!

Текст также можно художественно украсить, для этого используйте эти теги перед
текстом:

Bold или жирный текст. Тег 
Пример: Привет! будет выглядить так Привет!

Italic или курсив. Тег 
Пример: Привет! будет выглядить так Привет!

Underline или подчёркнутый. Тег 
Пример: Привет! будет выглядить так Привет!

Italic Underline или подчёркнутый курсив. Тег 
Пример: Привет! будет выглядить так Привет!

Bold Italic или жирный курсив. Тег 
Пример: Привет! будет выглядить так Привет!

Bold Underline или жирный подчеркнутый. Тег 
Пример: Привет! будет выглядить так Привет!

Bold Italic Underline или жирный подчёркнутый курсив. Тег 
Пример: Привет! будет выглядить так Привет!

Marker или маркированый текст. Тег < li >
Пример: < li >Привет! < / li > будет выглядить так

Привет!

Размер текста

Размер текста тоже можно регулировать, дя этого используется тег 
Например: Привет! будет выглядить так Привет!
* Значения можно менять от 1 до 7
Пример (1) Привет! будет выглядить так Привет!
Пример (7) Привет! будет выглядить так Привет!

Ещё текст можно увеличить за счёт заголовков, для этого используйте тег < h >
и значения от 1 до 7
Пример (h1) < h1 > Привет! < / h1 > будет выглядить так

Привет!

* h1- Самый большой заголовок+ максимальное выделение

Пример (h7) < h7 > Привет! < / h7 > будет выглядить так Привет!

* h7- не большой заголовок+ минимальное выделение

Размещение текста

По умолчанию текст на страничке распологается слева,однако его можно разместить как угодно!
Для этого используйте теги:
< center > Размещение текста по центру
< right > Размещение текста справа
< left > Размещение текста слева

Пример: < center > Привет! </ center > будет выглядить так Привет! * Для перевода строки используйте тег

Цвет текста

HTML использует палитру RGB(красный-зелёный-голубой) для отображения цветов
Для добавления цвета используйте тег 
Например: Привет будет выглядить так Привет!
Если использовать код цвета то писать надо так: Привет будет выглядить так Привет! *Знак # перед кодом обязателен!

Цвета в HTML

green -зелёный (код 15cb0c)

blue -синий (код 1f7fe1)

white -белый (код ffffff)

black -чёрный (код 000000)

gray -серый (код a7b2bd)

yellow -жёлтый (код e1e334)

coral -кораловый (код ffd696)

orange -оранжевый (код ffa800)

red -красный (код ff2a00)

pink -розовый (код ff8c8c)

violet -фиолетовый (код d041ff)

brown -коричневый (код d46c20)
* Также вы можете добавить к цвету приставку ligh и у вас получится цвет по светлее
Например:

lighblue -светло синий
* Также вы можете использовать код,+ в том , что вам станет доступно около 16 миллионов цветов ( вся палитра RGB),однако для этого нужен графический
редактор с подбором цветов для HTML, лучше всего для этих целей подходит "The Gimp",ну или поэксперементируйте с кодом,поменяйте местами буквы и цифры:)

Практика!

Вы наверное помните,что мы написали начало и конец странички и сохранили её в "моих документах" как 1.html
Пожалуйста откройте этот документ с помощью блакнота
у нас на дисплее такой текст:

< html >
< head > < title > Моя страничка < / title >
< body >
Какой-то текст
< /body >
< /head >
< /html >

Давайте напишем вместо "какой-то текст" вот это:
< center> < h1 > Всем привет!< /h1> < /center > 
 Приветствую вас на своей страничке! 
 Меня зовут....(Ваше имя) 
 Спасибо вам за визит!

Внимание! Если вы скопировали текст с данной странички у вас ничего не получится!!! т к у нас в тегах стоят пробелы < пробел /center пробел >, а нужно писать без них!!!

След>>