Przejdź do treści

Centrum Kształcenia Zawodowego i Ustawicznego w Mrągowie

Emoji na stronach internetowych

poniedziałek,

Emoji na stronach internetowych

Symbole emoji pojawiły się w japońskich telefonach komórkowych, obecnie zna je cały świat. Wplatane w tekst są pomocne w komunikacji. Są obsługiwane przez wszystkie popularne nowoczesne przeglądarki stron internetowych.

Przykład emoji zamieszczonego na stronie internetowej:

😷

Pierwszy sposób na zamieszczenie emoji w kodzie HTML jest prosty i sprowadza się do wklejania skopiowanego wcześniej symbolu. Jak widać w przykładzie, można zastosować niektóre własności CSS (na pewno nie color). Ogólnie rzecz biorąc emoji można potraktować tak jak każdy inny znak.

<span style="font-size:40px;">😷</span>

W niektórych sytuacjach wcześniej prezentowany sposób się nie sprawdzi, istnieje jedna bardzo proste alternatywne rozwiązanie. Każdy znak Unicode w HTML można zapisać, posługując się jego kodem numerycznym zapisanym w systemie dziesiętnym (dec). Należy dodać na jego początku przedrostek „&#” i na końcu średnik tak jak w przykładowym kodzie.

<span style="font-size:40px;">&#128567;</span>

Tabela wybranych symboli emoji

Symbol Nazwa Kod hex Kod dec
😀GRINNING FACE1F600128512
😁GRINNING FACE WITH SMILING EYES1F601128513
😂FACE WITH TEARS OF JOY1F602128514
😃SMILING FACE WITH OPEN MOUTH1F603128515
😄SMILING FACE WITH OPEN MOUTH AND SMILING EYES1F604128516
😅SMILING FACE WITH OPEN MOUTH AND COLD SWEAT1F605128517
😆SMILING FACE WITH OPEN MOUTH AND TIGHTLY-CLOSED EYES1F606128518
😇SMILING FACE WITH HALO1F607128519
😈SMILING FACE WITH HORNS1F608128520
😉WINKING FACE1F609128521
Artykuł: Zrzuty lotnicze dla powstańców

Zrzuty lotnicze dla powstańców

Artykuł: „Tu mówi Błyskawica”

„Tu mówi Błyskawica”

Artykuł: Bitwa pod Żyrzynem

Bitwa pod Żyrzynem

Artykuł: Mac Pro

Mac Pro

Artykuł: Samolot RWD-5

Samolot RWD-5

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły