Формат документов, гипертекст и остальные плюшки

Формат документов.

Все документы в Интернете сейчас придерживаются единого формата – 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

Смайлики.

Смайлики (эмотиконы) — значение
Незакрашенное улыбающееся лицо &#9786;
Закрашенное улыбающееся лицо &#9787;
😁 Ухмыляющееся лицо со смеющимися глазами &#128513;
😂 Лицо со слезами радости &#128514;
😃 Улыбающееся лицо с открытым ртом &#128515;
😄 Улыбающееся лицо с открытым ртом и смеющимися глазами &#128516;
😅 Улыбающееся лицо в холодном поту с открытым ртом &#128517;
😆 Улыбающееся лицо с открытым ртом и плотно закрытыми глазами &#128518;
😇 Улыбающееся лицо с нимбом над головой &#128519;
😈 Улыбающееся лицо с рогами &#128520;
😉 Подмигивающее лицо &#128521;
😊 Улыбающееся лицо со смеющимися глазами &#128522;
😋 Лицо, смакующее деликатес &#128523;
😌 Расслабленной лицо &#128524;
😍 Улыбающееся лицо с глазами-сердечками &#128525;
😎 Улыбающееся лицо в солнечных очках &#128526;
😏 Усмехающееся лицо &#128527;
😐 Нейтральное выражение лица &#128528;
😒 Лицо с выражение неодобрения &#128530;
😓 Лицо в холодном поту &#128531;
😔 Задумчивое лицо &#128532;
😖 Выражение стыда &#128534;
😘 Лицо, посылающее поцелуй &#128536;
😚 Целующееся лицо с закрытыми глазами &#128538;
😜 Лицо с высунутым языком и подмигивающим глазом &#128540;
😝 Лицо с высунутым языком и крепко закрытыми глазами &#128541;
😞 Разочарованное лицо &#128542;
😠 Злое лицо &#128544;
😡 Лицо, надувшее губы &#128545;
😢 Плачущее лицо &#128546;
😣 Упорное выражение лица &#128547;
😤 Лицо с выражением триумфа &#128548;
😥 Лицо с выражением разочарования и облегчения &#128549;
😩 Утомлённое лицо &#128553;
😪 Сонное лицо &#128554;
😫 Усталое лицо &#128555;
😭 Лицо громко плачет &#128557;
😰 Лицо с открытым ртом в холодном поту &#128560;
😱 Лицо, кричащее от страха &#128561;
😲 Удивлённое лицо &#128562;
😳 Покрасневшее лицо &#128563;
😵 Головокружение &#128565;
😶 Лицо без рта &#128566;
😷 Лицо в медицинской маске &#128567;
😸 Ухмыляющийся кот со смеющимися глазами &#128568;
😹 Лицо кота со слезами радости &#128569;
😺 Улыбающийся кот с открытым ртом &#128570;
😻 Улыбающийся кот с глазами-сердечками &#128571;
😼 Кот с кривой улыбкой &#128572;
😽 Кот, целующийся с закрытыми глазами &#128573;
😾 Кот, надувший губы &#128574;
😿 Плачущий кот &#128575;
🙀 Усталый кот &#128576;
🙅 Человек жестикулирующий о том, что ему не нравится &#128581;
🙆 Человек жестикулирующий, что всё хорошо &#128582;
🙇 Глубокий поклон &#128583;
🙋 Счастливый человек с поднятой рукой &#128587;
🙌 Человек поднявший обе руки в торжестве &#128588;
🙍 Нахмурившийся человек &#128589;
🙎 Человек с надутыми губами &#128590;
🙏 Человек сложивший руки &#128591;
🙈 Обезьяна не видящая зла &#128584;
🙉 Обезьяна не слышащая зла &#128585;
🙊 Обезьяна не говорящая о зле &#128586;

Существуют и другие смайлики, но в подавляющем большинстве случаев хватает и этих.

Удачи Друзья!

 

Добавить комментарий

Ваш адрес email не будет опубликован.