Формат документов.
Все документы в Интернете сейчас придерживаются единого формата – HTML. Или так, HyperText Markup Language – язык разметки гипертекста. И это так, как библия для сайтов и браузеров. Статья продолжение к разговору о серверах.
Чтобы увидеть важную рекламу отключи блокировку рекламы! Продолжение статьи ниже:Формат документов и HTML.
Документы, написанные с использованием HTML, называются веб-документами или веб-страницами. Совокупность веб-страниц, принадлежащих какому-либо пользователю или организации называется сайтом.
Давайте все-таки конкретнее разберемся, что же такое веб-страница. Веб-страница – это обыкновенный текстовый документ. Имеющий расширение НТМ или HTML. Однако кроме полезной информации, этот текстовый файл включает в себя ряд служебных слов, называемых тегами.
Теги служат исключительно для оформительских нужд. Они позволяют изменять цвет, размер и форму шрифта, форматировать текст. Также вставлять в него изображения и видео фрагменты, изменять фон.
Конечно добавлять музыкальное сопровождение и многое-многое другое. В итоге информация предоставляется в очень удобном и красочном виде.
Но основополагающим достоинством тегов является не это. Главное их предназначение – это вставка в «тело» документа гиперссылок.
Формат документов, гипертекст.
С его помощью работать в Интернете стало возможным вообще не дотрагиваться до клавиатуры, а лишь щелкая левой кнопкой мыши.
Основным элементом гипертекста является гиперссылка. Гиперссылка – это ссылка на какой-либо другой документ Сети. Ссылки бывают текстовыми и графическими.
То есть встраиваются, соответственно, в текст или графику. Обнаружить их можно, подведя указатель мыши к соответствующему элементу.
Если указатель превратился из стрелки в руку с вытянутым вверх указательным пальцем, то рассматриваемый элемент является ссылкой.
Текстовые ссылки, как правило, подчеркиваются и выделяются другим цветом, чтобы отличаться от остального текста.
Щелкнув на ссылке, вы, как по волшебству, попадаете на необходимую веб-страницу. И не нужно никуда вводить адрес требуемого сервера и название запрашиваемого документа. Всей необходимой информацией обладает ссылка.
Формат документов и браузеры.
Браузер – это программа, которая обязательно должна быть установлена на вашем компьютере. Он позволяет просматривать веб-страницы не как текст с набором служебных слов, а как удобочитаемый документ.
Браузер находит в тексте веб-документа теги, и выводит на экран информацию в соответствии с их требованиями (сами теги, естественно, не отображаются).
На сегодняшний день созданы сотни различных браузеров. Хорошо это или плохо решать вам. Но я как то полюбил Firefox.
Цвета.
Помимо манипуляций с текстом, HTML позволяет изменять цвета элементов вебстраницы.
Цвета в HTML обозначаются в шестнадцатеричном виде. Для справки: если в десятичной системе каждая цифра числа находится в пределах от 0 до 9, то в шестнадцатеричной – от 0 до F.
После 9 идет А, затем В, С, D, Е и F, то есть числу 16 соответствует F, a 17—10.
Так, белому цвету в HTML соответствует код FFFFFF, черному – 000000, а между ними находится более 16 млн других цветов.
Цвет фона устанавливается с помощью параметра BGCOLOR в обязательном теге <BODY>. По умолчанию фон белый.
Чтобы установить, к примеру, оранжевый, необходимо ввести следующее:
<B0DY BGCOLOR=»#FF9900″>
Для изменения цвета шрифта во всем документе существует параметр TEXT все в том же теге <BODY>.
Например, синий шрифт можно получить следующим образом:
<B0DY TEXT=»#0000FF»>
Можно применять и оба параметра одновременно:
<B0DY BGCOLOR=»#FF9900» TEXT=»#0000FF»>
Если же цвет шрифта устанавливать во всем документе нет необходимости, а нужно, к примеру, выделить только несколько слов, то следует воспользоваться следующей конструкцией:
<F0NT C0L0R=»#3399FF»>Текст</F0NT>
Ниже приведен список основных цветов. Более полный перечень можно найти в Интернете (или же получить нужный цвет «на ощупь»).
– Черный – 000000.
– Белый – FFFFFF.
– Синий – 0000FF.
– Зеленый – 00FF00.
– Желтый – FFFF00.
– Красный – FF0000.
– Оранжевый – FF9900 и FFA500.
– Голубой – 00CCFF.
– Серый – 999999.
– Коричневый – 996633.
И так, бонус к статье.
Смайлики служат для выражения эмоций в электронных посланиях и представляют собой рожицы. Рассмотрим наиболее часто используемые смайлики:
Выбери символ ==> Скопируй код ==> Вставь в HTML
Смайлики.
| Смайлики (эмотиконы) — значение | ||
| ☺ | Незакрашенное улыбающееся лицо | ☺ |
| ☻ | Закрашенное улыбающееся лицо | ☻ |
| 😁 | Ухмыляющееся лицо со смеющимися глазами | 😁 |
| 😂 | Лицо со слезами радости | 😂 |
| 😃 | Улыбающееся лицо с открытым ртом | 😃 |
| 😄 | Улыбающееся лицо с открытым ртом и смеющимися глазами | 😄 |
| 😅 | Улыбающееся лицо в холодном поту с открытым ртом | 😅 |
| 😆 | Улыбающееся лицо с открытым ртом и плотно закрытыми глазами | 😆 |
| 😇 | Улыбающееся лицо с нимбом над головой | 😇 |
| 😈 | Улыбающееся лицо с рогами | 😈 |
| 😉 | Подмигивающее лицо | 😉 |
| 😊 | Улыбающееся лицо со смеющимися глазами | 😊 |
| 😋 | Лицо, смакующее деликатес | 😋 |
| 😌 | Расслабленной лицо | 😌 |
| 😍 | Улыбающееся лицо с глазами-сердечками | 😍 |
| 😎 | Улыбающееся лицо в солнечных очках | 😎 |
| 😏 | Усмехающееся лицо | 😏 |
| 😐 | Нейтральное выражение лица | 😐 |
| 😒 | Лицо с выражение неодобрения | 😒 |
| 😓 | Лицо в холодном поту | 😓 |
| 😔 | Задумчивое лицо | 😔 |
| 😖 | Выражение стыда | 😖 |
| 😘 | Лицо, посылающее поцелуй | 😘 |
| 😚 | Целующееся лицо с закрытыми глазами | 😚 |
| 😜 | Лицо с высунутым языком и подмигивающим глазом | 😜 |
| 😝 | Лицо с высунутым языком и крепко закрытыми глазами | 😝 |
| 😞 | Разочарованное лицо | 😞 |
| 😠 | Злое лицо | 😠 |
| 😡 | Лицо, надувшее губы | 😡 |
| 😢 | Плачущее лицо | 😢 |
| 😣 | Упорное выражение лица | 😣 |
| 😤 | Лицо с выражением триумфа | 😤 |
| 😥 | Лицо с выражением разочарования и облегчения | 😥 |
| 😩 | Утомлённое лицо | 😩 |
| 😪 | Сонное лицо | 😪 |
| 😫 | Усталое лицо | 😫 |
| 😭 | Лицо громко плачет | 😭 |
| 😰 | Лицо с открытым ртом в холодном поту | 😰 |
| 😱 | Лицо, кричащее от страха | 😱 |
| 😲 | Удивлённое лицо | 😲 |
| 😳 | Покрасневшее лицо | 😳 |
| 😵 | Головокружение | 😵 |
| 😶 | Лицо без рта | 😶 |
| 😷 | Лицо в медицинской маске | 😷 |
| 😸 | Ухмыляющийся кот со смеющимися глазами | 😸 |
| 😹 | Лицо кота со слезами радости | 😹 |
| 😺 | Улыбающийся кот с открытым ртом | 😺 |
| 😻 | Улыбающийся кот с глазами-сердечками | 😻 |
| 😼 | Кот с кривой улыбкой | 😼 |
| 😽 | Кот, целующийся с закрытыми глазами | 😽 |
| 😾 | Кот, надувший губы | 😾 |
| 😿 | Плачущий кот | 😿 |
| 🙀 | Усталый кот | 🙀 |
| 🙅 | Человек жестикулирующий о том, что ему не нравится | 🙅 |
| 🙆 | Человек жестикулирующий, что всё хорошо | 🙆 |
| 🙇 | Глубокий поклон | 🙇 |
| 🙋 | Счастливый человек с поднятой рукой | 🙋 |
| 🙌 | Человек поднявший обе руки в торжестве | 🙌 |
| 🙍 | Нахмурившийся человек | 🙍 |
| 🙎 | Человек с надутыми губами | 🙎 |
| 🙏 | Человек сложивший руки | 🙏 |
| 🙈 | Обезьяна не видящая зла | 🙈 |
| 🙉 | Обезьяна не слышащая зла | 🙉 |
| 🙊 | Обезьяна не говорящая о зле | 🙊 |
Существуют и другие смайлики, но в подавляющем большинстве случаев хватает и этих.
Удачи Друзья!
