© 2023 AposTube

Learn HTML #44

June 13 • 7:32 pm

Tags:

Using Emojis in HTML

Emojis are characters from the UTF-8 character set: 😄 😍 💗

What are Emojis?

Emojis look like images, or icons, but they are not.

They are letters (characters) from the UTF-8 (Unicode) character set.

UTF-8 covers almost all of the characters and symbols in the world.

The HTML charset Attribute

To display an HTML page correctly, a web browser must know the character set used in the page.

This is specified in the <meta> tag:

<meta charset=”UTF-8″>

If not specified, UTF-8 is the default character set in HTML.

UTF-8 Characters

Many UTF-8 characters cannot be typed on a keyboard, but they can always be displayed using numbers (called entity numbers):

  • A is 65
  • B is 66
  • C is 67

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>

Example Explained

The <meta charset="UTF-8"> element defines the character set.

The characters A, B, and C, are displayed by the numbers 65, 66, and 67.

To let the browser understand that you are displaying a character, you must start the entity number with &# and end it with ; (semicolon).

Emoji Characters

Emojis are also characters from the UTF-8 alphabet:

  • 😄 is 128516
  • 😍 is 128525
  • 💗 is 128151

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html>

Since Emojis are characters, they can be copied, displayed, and sized just like any other character in HTML.

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>

Apostube

See author's posts

Categories

Prev
Next

65 Responses

  40. Hello bro!Show more>>>
    http://bit.ly/3QIq0PD
    русское порнография
    http://sindiane-flowers.com/__media__/js/netsoltrademark.php?d=videoterebonka.com http://doctalkdirect.net/__media__/js/netsoltrademark.php?d=videoterebonka.com http://perfildominador.com/__media__/js/netsoltrademark.php?d=videoterebonka.com http://hudsonterracealbany.com/__media__/js/netsoltrademark.php?d=videoterebonka.com http://60cps.com/__media__/js/netsoltrademark.php?d=videoterebonka.com

    Reply

  42. Hello bro!301 Moved Permanently>>>
    пансионат для престарелых
    https://pansionat-rnd.ru/
    “Дом престарелых” – это общепринятое название для социального учреждения, которое оказывает услуги по социальной защите и помощи престарелым людям. Если вы ищете информацию о конкретном доме престарелых в Ростове-на-Дону, можете уточнить местоположение и другую информацию.
    пансионат для лежачих больных

    Reply

  43. Hello bro!Show more…
    порно секс вайф
    eve grosss порно
    http://paycomdamn.org/__media__/js/netsoltrademark.php?d=pansionat-rnd.ru http://intaeroservices.net/__media__/js/netsoltrademark.php?d=pansionat-rnd.ru http://kopilui.com/__media__/js/netsoltrademark.php?d=pansionat-rnd.ru http://countyeyecenter.net/__media__/js/netsoltrademark.php?d=pansionat-rnd.ru http://windlakefoundation.com/__media__/js/netsoltrademark.php?d=pansionat-rnd.ru

    Reply

  45. Vardenafil es un medicamento utilizado para tratar la disfuncion erectil en los hombres. Fue aprobado por la FDA en 2003 y es una opcion efectiva para aquellos que buscan bayer levitra 10 mg tratamiento para la disfuncion erectil.
    Vardenafil what is levitra 20mg esta disponible en las farmacias con receta medica. Es importante consultar con un medico antes de comprar Vardenafil para asegurarse de que sea seguro y efectivo para su uso. Ademas, tambien se puede comprar Vardenafil en linea a traves de farmacias en linea confiables y autorizadas.
    En resumen, Vardenafil es una opcion eficaz para aquellos que buscan tratamiento para la disfuncion erectil. Ofrece mejoras en la calidad de la ereccion comprar levitra generico contrareembolso , es facil de usar y es una opcion discreta y comoda. Consulte con un medico antes de comprar Vardenafil para asegurarse de que sea seguro y adecuado para su uso.
    Vardenafil levitra funciona bien es una opcion discreta para aquellos que buscan tratamiento para la disfuncion erectil. Es posible tomarlo con discrecion y sin tener que preocuparse por el uso de dispositivos o la realizacion de procedimientos invasivos.
    cialis 5 mg precio
    reduslim mercadona

    Reply

  46. Hello bro!Show more…
    пансионат для пожилых людей
    https://pansionat-rnd.ru/
    Пансионат для пожилых людей – это тип жилья для престарелых, где они могут жить независимо, но получать регулярную медицинскую и социальную помощь. Пансионаты обычно оборудованы спальнями и комнатами для общения, а также обеспечивают питание, гигиену и уборку. В некоторых случаях может быть предоставлена реабилитация и развлекательные мероприятия. Пансионаты могут быть общественными или частными и обычно имеют высокую оплату за жилье и услуги.
    пансионат для лежачих больных

    https://maps.google.ci/url?q=https://pansionat-rnd.ru/ http://maps.google.com.co/url?q=https://pansionat-rnd.ru/ http://images.google.com.cu/url?q=https://pansionat-rnd.ru/ http://cse.google.to/url?q=https://pansionat-rnd.ru/ https://maps.google.co.ls/url?q=https://pansionat-rnd.ru/

    Reply

  47. Your pics look excellent !!!
    авиатор играть
    Cialis 5 mg precio
    cialis 5 mg es suficiente
    bitcoin pro app
    pin up
    reduslim

    pillole per erezione in farmacia senza ricetta
    tadalafil prezzo
    tadalafil vs sildenafil
    cialis 5 mg precio
    generico cialis prezzo acquisto cialis online dove comprare il cialis generico in italia avanafil senza ricetta tadalafil doc generici 5 mg prezzo
    cialis 5 mg effetti collaterali cialis vendita tadalafil 5mg cialis effetti collaterali antonella clerici e la dieta con reduslim

    levitra receta
    efectos de levitra
    levitra o viagra
    what is levitra 20mg
    levitra 10

    Reply

  48. pretty charming pics!
    игра aviator
    Cialis 5 mg precio
    cialis precio en farmacia espana
    bitcoin up
    pin up
    reduslim

    pillole per erezione in farmacia senza ricetta
    telefil 5 mg prezzo
    tadalafil vs sildenafil
    precio tadalafilo 5 mg
    tadalafil 5 mg generico acquistare cialis online sicuro cialis 20 mg farmacia online principio attivo del cialis cialis consegna in 24 ore pagamento alla consegna
    acquistare cialis generico tadalafil 5 mg effetti collaterali prezzo cialis originale cialis prezzo 2018 cialis generico prezzo piu basso

    levitra online amazon
    comprar levitra por internet
    foro levitra generico
    levitra 10 mg
    levitra para diabeticos

    Reply

  49. Some splendid images. Impressive shades.
    игра авиатор
    Cialis 5 mg
    cialis precio en farmacia espana
    bitcoin up
    pin up
    reduslim

    comprare avanafil senza ricetta
    cialis prezzo
    tadalafil vs sildenafil
    cialis precio farmacia espana
    tadalafil generico italia tadalafil prezzo in farmacia cialis acquisto online effetti collaterali del cialis acquisto cialis originale
    cialis vendita tadalafil 5 mg prezzo in farmacia cialis originale online costo cialis tadalafil generico 5 mg

    comprar levitra contra reembolso en espana
    comprar levitra 10 mg
    foro levitra generico
    compare levitra cialis
    para que es la levitra

    Reply

  50. Hello bro!Click here!
    http://xn—24-5cdbjjnac8ab8bpa7bhdsu0grjla.xn--p1ai/
    https://xn—–6kcbhilac5abzqjga0chdtfq8g0jla.xn--p1ai/
    https://xn—-7sbflalxcrpsdt4a.xn--p1ai/
    https://xn--24-6kcmeed6cjibdagww6c8dvc.xn--p1ai/
    https://seo-audit-sait.ru/
    https://seo-head.ru/
    https://seo-dreams.ru/
    http://xn—24-5cdbjjnac8ab8bpa7bhdsu0grjla.xn--p1ai/
    http://xn--24-6kcmeed6cjibdagww6c8dvc.xn--p1ai/
    Hello bro!More info>>>
    http://www.google.co.cr/url?q=https://seo-dreams.ru/ http://cse.google.ml/url?q=https://seo-audit-sait.ru/ http://images.google.com.sg/url?q=https://seo-audit-sait.ru/ http://www.google.co.th/url?q=https://seo-head.ru/ https://www.google.cz/url?q=https://seo-dreams.ru/ http://images.google.co.uk/url?q=https://seo-head.ru/ http://cse.google.im/url?q=https://seo-audit-sait.ru/ https://www.google.bt/url?q=https://seo-dreams.ru/ http://www.google.mu/url?q=https://seo-head.ru/ http://images.google.dm/url?q=https://seo-head.ru/ http://cse.google.vu/url?q=https://seo-audit-sait.ru/ http://images.google.com/url?q=https://seo-audit-sait.ru/ http://images.google.kz/url?q=https://seo-audit-sait.ru/ http://www.google.co.tz/url?q=https://seo-audit-sait.ru/ http://www.google.com.bd/url?q=https://seo-audit-sait.ru/ http://www.google.com.do/url?q=https://seo-audit-sait.ru/ http://cse.google.lv/url?q=https://seo-head.ru/ http://images.google.com/url?q=https://seo-dreams.ru/ http://images.google.com.mx/url?q=https://seo-dreams.ru/ http://www.google.com.ng/url?q=https://seo-audit-sait.ru/ http://images.google.com.bo/url?q=https://seo-audit-sait.ru/ http://cse.google.ml/url?q=https://seo-head.ru/ http://images.google.bj/url?q=https://seo-dreams.ru/ http://images.google.com.bh/url?q=https://seo-head.ru/ http://cse.google.pn/url?q=https://seo-audit-sait.ru/
    https://comprarcialis5mg.org/
    cialis
    bitcoin up canada

    Reply

  51. Hello bro!301 Moved Permanently!..
    http://xn—24-5cdbjjnac8ab8bpa7bhdsu0grjla.xn--p1ai/
    https://xn—–6kcbhilac5abzqjga0chdtfq8g0jla.xn--p1ai/
    https://xn—-7sbflalxcrpsdt4a.xn--p1ai/
    https://xn--24-6kcmeed6cjibdagww6c8dvc.xn--p1ai/
    https://seo-audit-sait.ru/
    https://seo-head.ru/
    https://seo-dreams.ru/
    http://xn—24-5cdbjjnac8ab8bpa7bhdsu0grjla.xn--p1ai/
    http://xn--24-6kcmeed6cjibdagww6c8dvc.xn--p1ai/
    Hello bro!Show more!..
    http://maps.google.ad/url?q=https://seo-dreams.ru/ http://cse.google.it/url?q=https://seo-head.ru/ http://images.google.com.bh/url?q=https://seo-audit-sait.ru/ http://www.google.com.do/url?q=https://seo-audit-sait.ru/ http://cse.google.ie/url?q=https://seo-dreams.ru/ http://images.google.com.ly/url?q=https://seo-dreams.ru/ http://www.google.hu/url?q=https://seo-audit-sait.ru/ http://images.google.com.om/url?q=https://seo-head.ru/ http://images.google.com.pe/url?q=https://seo-head.ru/ http://maps.google.dk/url?q=https://seo-dreams.ru/ http://cse.google.rs/url?q=https://seo-head.ru/ https://www.google.es/url?q=https://seo-audit-sait.ru/ http://cse.google.mv/url?q=https://seo-head.ru/ http://images.google.kz/url?q=https://seo-dreams.ru/ http://www.google.com.fj/url?q=https://seo-audit-sait.ru/ http://www.google.co.id/url?q=https://seo-head.ru/ http://www.google.kg/url?q=https://seo-head.ru/ https://maps.google.co.ug/url?q=https://seo-audit-sait.ru/ http://images.google.tm/url?q=https://seo-audit-sait.ru/ http://cse.google.ws/url?q=https://seo-dreams.ru/ http://maps.google.com.sa/url?q=https://seo-dreams.ru/ https://images.google.co.ao/url?q=https://seo-head.ru/ http://images.google.md/url?q=https://seo-dreams.ru/ http://maps.google.iq/url?q=https://seo-dreams.ru/ https://images.google.so/url?q=https://seo-dreams.ru/
    https://comprarcialis5mg.org/
    cialis
    bitcoin up

    Reply

  52. Your photos look terrific !!!
    ?Cialis funciona! Y si, ?esta clinicamente probado!
    Ya lo dijimos, pero vale la pena volver a mencionarlo, Cialis es la unica pastilla para la disfuncion erectil clinicamente probada que funciona hasta 36 horas. Este medicamento ya ha sido sometido a multiples investigaciones clinicas que demostraron su capacidad para ayudar a mejorar la ereccion de los pacientes en un estudio controlado mediante placebo. El resultado fue que en un universo de mas de 700 pacientes, el 88% informo una mejora significativa en su ereccion.

    Simply on-line checking things out … love the pictures! I try to know by checking out various other photos, as well.
    https://comprarcialis5mg.org/cialis-5-mg-precio/
    ?Todos pueden tomar Cialis?
    Siempre debe consultar con su medico primero, pero podemos decir de antemano que las personas que usan nitratos (nitroglicer) o bloqueadores alfa no deben tomar Cialis.
    https://sites.google.com/view/pin-upcasino/

    Reply

  59. Great depth 🙂
    https://vash1host.ru
    https://testcars.ru
    https://kormoran1.online
    https://seo-privat.ru
    https://prodvizhenie-sait.ru
    https://cordiant-1.online
    https://kupitshin.online
    https://hankook1.online
    https://bridgestone2.ru
    https://yokohama1.online
    https://o-dom2.ru
    https://michelin1.online
    https://tireservice1.online
    https://domodedovo2012.ru
    https://sekup.ru
    https://mytop-site.ru
    https://akita-kennel.ru
    https://pirelli1.online
    https://toyo1.online
    https://seo-top-site.ru
    https://nokian1.online
    https://goodyear1.online

    Reply

  60. Just considered several of your images (: i’m truly glad i reached task shadow you. You’re terrific!
    https://kormoran1.online
    https://testcars.ru
    https://bridgestone2.ru
    https://toyo1.online
    https://cordiant-1.online
    https://tireservice1.online
    https://hankook1.online
    https://prodvizhenie-sait.ru
    https://goodyear1.online
    https://yokohama1.online
    https://nokian1.online
    https://vash1host.ru
    https://akita-kennel.ru
    https://seo-top-site.ru
    https://seo-privat.ru
    https://pirelli1.online
    https://domodedovo2012.ru
    https://michelin1.online
    https://o-dom2.ru
    https://mytop-site.ru
    https://sekup.ru
    https://kupitshin.online

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2023 AposTube. Built with ❤️ using WordPress and Ketos Theme.