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ł: Bolesław Leśmian, „Już czas ukochać w&nbsp;sadzie...”

Bolesław Leśmian, „Już czas ukochać w sadzie...”

Artykuł: Microsoft Edge

Microsoft Edge

Artykuł: Franciszek Gruszka

Franciszek Gruszka

Artykuł: Powstanie czortkowskie

Powstanie czortkowskie

Artykuł: Paul Allen

Paul Allen

Nasze technikum

Technik informatyk

Szkoły dla dorosłych

Nasza szkoła

Pełna oferta edukacyjna

Oferta szkoły