Skip to main content
  • Tab 1
  • Tab 2
  • Tab 3
  • View 1
    View 2
    View 3

    Style Guide

    Text

    Emoji
    Unicode
    TODO
    Music
    ♩♪♫♬♭♮♯🎌🎵🎶〜
    📯🔔🔕🎷🎺🪕🎻🎞🎹🥁
    🔇🔈🔉🔊📢📣
    🎙🎚🎛🎀🎧📻
    
    - 2. Title - Artist -
    01:43 ━━━━●──── 03:50
    ⇆   ◁ ◀ ▟▿▌▜ ❚❚ △▲▎▵ ▶ ▷   ↻
    
     ılıılıılıılıılıılıl 
     Ꭰᎏʟ᎜ᎍᎇ : ▮▮▮▮▮▮▯▯▯▯ 
    
     ılıılıılıılıılıılı
     volÏ…ÐŒe : ▁▂▃▄▅▆▇▉
    
    ⏮⏪◀⏫🔌🔺⏹⏯⏞🔻🔜⏬▶⏩⏭
          
    Nature
    🐶🐱🐭🐹🐰🊊🐻🐌🐚🐯🊁🐮🐷🐜🐞🐵🙊🙉🙊🐒🐔🐧🐊🐀🐣🐥
    🊆🊩🊅🊉🊇🐺🐗🐎🊄🐝🐛🊋🐌🐚🊗🐞🐜🕷🕞🐢🐍🊎🊂🊀🊑🐙🊐
    🐠🐟🐡🐬🊈🐳🐋🐊🐆🐅🐃🐂🐄🊌🐪🐫🐘🊏🊍🐎🐖🐐🐏🐑🐕🐩🊮🐕‍🊺🐈
    🐓🊃🕊🐇🐁🐀🐿🊓🊒🊔🊧🊥🊊🊚🊕🊖🊪🐟🐉🐲
    
    🌵🎄🌲🌳🌎🌱🌿☘🍀🎍🎋🍃🍂🍁🍄🌟💐🌷🌹🥀🌻🌌🌞🌺
    🌎🌍🌏🌕🌖🌗🌘🌑🌒🌓🌔🌚🌝🌞🌛🌜🌙🪐💫⭐🌟✚⚡
    🔥💥☄☀🌀⛅🌥🌊🌈☁🌧⛈🌩🌚☃⛄❄🌬💚🌪🌫🌊💧💊
          
    Food
    🍏🍎🍐🍊🍋🍌🍉🍇🍓🍈🍒🍑🍍🥝🥑🍅🍆🥒🥕🌜🌶🧄🧅🥔🍠🌰🥜🍯
    🥐🍞🥖🧀🥚🍳🥓🥞🍀🍗🍖🍕🌭🍔🍟🥙🌮🌯🥗🥘🍝🍜🍲🍥🍣🍱🍛🍚
    🍙🍘🍢🍡🍧🍚🍊🍰🎂🍮🍭🍬🍫🍿🍩🍪🥛🍌☕🍵🍶🍺🍻🥂🍷🥃🍞🍹🍟🧃🧉🧊
    🥄🍎🍜🥥🥚🥩🥪🥣🥫🧇🧆🧈🥟🥠🥡🥧🥀🥢
          
    Sports
    ⚜🏀🏈⚟🎟🏐🏉🥅🏒🏑🏏⛳🕳🎱🏓🏞🏹🎣🥊🥋⛞
    🎿⛷🏂🏋‍♀🏋🀺🀌‍♀🀌‍♂🀞‍♀🀞‍♂⛹‍♀⛹🀟‍♀🀟‍♂🏌‍♀🏌🏄‍♀🏄🏊‍♀🏊🀜‍♀🀜‍♂
    🚣‍♀🚣🏇🚎‍♀🚎🚵‍♀🚵🪂🎜🏅🎖🥇🥈🥉🏆🏵🎗
    🎫🎟🎪🀹‍♀🀹‍♂🎲🎯🎳🎮🎰🛷🥌🪀🪁
          
    Things
    💯
    Ⓜ
    ❗❕❓❔‌⁉
    ♚🎫📍
    💄👚👕👖👔👗👙👘👠👡👢👞👟👒🎩🎓👑⛑
    🎒👝👛👜💌👓🕶🀿🌂☂🧣🧀🧥🊺🥻🩱🩲🩳🩰🧊🧢
    
    ⌚📱📲💻⌚🖥🖚🖱🖲🕹🗜💟📀💜💿📌📷📞📹🎥🎚🎬📜🎞
    📞☎📟📠📺⏱⏲⏰🕰⌛⏳📡🔋🔌💡🔊🕯🗑
    🛢💞💵💎💶💷💰💳💎⚖🔧🔚⚒🛠⛏🔩⚙⛓🔫💣🔪🗡⚔🪓🊯
    🛡🚬⚰⚱🏺🔮📿💈⚗🔭🔬🕳💊💉🩞🩹🩺🌡🪒
    🚜🚰🚿🛁🛀🛎🔑🗝🚪🪑🛋🛏🛌🖌🛍🛒🎁🎈🕳
    🎏🎀🎊🎉🎎🏮🎐✉📩📚📧💌📥📀📊🏷📪📫📬📭📮
    📯📜📃📄📑📊📈📉🗒🗓📆📅📇🗃🗳🗄📋📁📂🗂🗞
    📰📓📔📒📕📗📘📙📚📖🔖🔗📎🖇📐📏📌📌
    🪔✂🖊🖋✒🖌🖍📝✏🔍🔎🔏🔐🔒🔓
          
    Symbols
    ♠♣♥♊🃏🎎🔱🀄
    ✔☑✅❎🈯💹❇✳
    ☮✝☪🕉☞✡🔯🕎☯☊🛐
    ⛎♈♉♊♋♌♍♎♏♐♑♒♓
    ⚛☢☣♻🚮🉑📎📳🈶🈚🈞🈺🈷✎🆚
    💮🉐㊙㊗🈎🈵🈹🈲🅰🅱🆎🆑🅟🆘
    🏧🚟♿🅿🈳🈂🛂🛃🛄🛅🚹🚺🚻🚌
    0⃣1⃣2⃣3⃣4⃣5⃣6⃣7⃣8⃣9⃣🔟🔢#⃣*⃣
    ➡↗↘↙↖↕↔↪↩⬅⬆⬇‎‵🔀🔁🔂🔄🔃
    ▶◀⏞⏯⏹⏺⏭⏮⏩⏪⏫⏬🔌🔜
    🎊📶🈁🔣ℹ🔀🔡🔠🆖🆗🆙🆒🆕🆓🔚🔙🔛🔝🆔
    
    🔺🔻🔞🔹🔶🔷
    ▪▫◟◜◌◻🔳🔲⬛⬜🟥🟧🟚🟩🟊🟪🟫
    🔘🔎🟠🟡🟢🔵🟣⚫⚪🟀
          
    Transportation
    🚗🚕🚙🚌🚎🏎🚓🚑🚒🚐🚚🚛🚜🛎🚲🛵🛺🏍🊜🊌
    🚚🚔🚍🚘🚖🚡🚠🚟🚃🚋🚞🚝🚄🚅🚈🚂🚆🚇🚊🚉
    🚁🛩✈🛫🛬🚀🛰💺🛶⛵🛥🚀🛳⛎🚢⚓🚧⛜🚏🚊🚥
    🗺🗿🗜⛲🗌🏰🏯🏟🎡🎢🎠⛱🏖🏝⛰🏔🗻🌋🏜🏕⛺
    🛀🛣🏗🏭🏠🏡🏘🏚🏢🏬🏣🏀🏥🏊🏚🏪🏫🏩💒🏛⛪🕌🕍
    🕋🛕⛩🗟🎑🏞🌅🌄🌠🎇🎆🌇🌆🏙🌃🌌🌉🌁🛞
    
    ⚠🚞⛔📛🛑🚷🚯🚳🚱🔞📵🚭
          
    Places
    📍🏠🏡🏫🏢🏣🏥🏊🏪🏩🏚💒⛪🏬🏀🌇🌆🏯🏰⛺🏭🗌
    🗟🗻🌄🌅🌃🗜🌉🎪🚏💈
          
    Flags Why are there two U.S. flag emojis?
    ⚐⚑🏎🏳🏁🎌🚩⛳🔰
    🇊🇫🇊🇜🇊🇱🇩🇿🇊🇞🇊🇩🇊🇎🇊🇮🇊🇶🇊🇬🇊🇷🇊🇲🇊🇌🇊🇚🇊🇺🇊🇹
    🇊🇿🇧🇞🇧🇭🇧🇩🇧🇧🇧🇟🇧🇪🇧🇿🇧🇯🇧🇲🇧🇹🇧🇎🇧🇊🇧🇌🇧🇻🇧🇷
    🇮🇎🇻🇬🇧🇳🇧🇬🇧🇫🇧🇮🇰🇭🇚🇲🇚🇊🇮🇚🇚🇻🇧🇶🇰🇟🇚🇫🇪🇊🇹🇩
    🇚🇱🇚🇳🇚🇜🇚🇵🇚🇚🇚🇎🇰🇲🇚🇬🇚🇩🇚🇰🇚🇷🇚🇮🇭🇷🇚🇺🇚🇌🇚🇟
    🇚🇿🇩🇰🇩🇬🇩🇯🇩🇲🇩🇎🇪🇚🇪🇬🇞🇻🇬🇶🇪🇷🇪🇪🇪🇹🇪🇺🇫🇰🇫🇎
    🇫🇯🇫🇮🇫🇷🇬🇫🇵🇫🇹🇫🇬🇊🇬🇲🇬🇪🇩🇪🇬🇭🇬🇮🇬🇷🇬🇱🇬🇩🇬🇵
    🇬🇺🇬🇹🇬🇬🇬🇳🇬🇌🇬🇟🇭🇹🇭🇲🇭🇳🇭🇰🇭🇺🇮🇞🇮🇳🇮🇩🇮🇷🇮🇶
    🇮🇪🇮🇲🇮🇱🇮🇹🇯🇲🇯🇵🇯🇪🇯🇎🇰🇿🇰🇪🇰🇮🇜🇰🇰🇌🇰🇬🇱🇊🇱🇻
    🇱🇧🇱🇞🇱🇷🇱🇟🇱🇮🇱🇹🇱🇺🇲🇎🇲🇰🇲🇬🇲🇌🇲🇟🇲🇻🇲🇱🇲🇹🇲🇭
    🇲🇶🇲🇷🇲🇺🇟🇹🇲🇜🇫🇲🇲🇩🇲🇚🇲🇳🇲🇪🇲🇞🇲🇊🇲🇿🇲🇲🇳🇊🇳🇷
    🇳🇵🇳🇱🇳🇚🇳🇿🇳🇮🇳🇪🇳🇬🇳🇺🇳🇫🇲🇵🇰🇵🇳🇎🇎🇲🇵🇰🇵🇌🇵🇞
    🇵🇊🇵🇬🇵🇟🇵🇪🇵🇭🇵🇳🇵🇱🇵🇹🇵🇷🇶🇊🇷🇪🇷🇎🇷🇺🇷🇌🇌🇞🇞🇲
    🇞🇹🇞🇊🇞🇳🇷🇞🇞🇚🇞🇱🇞🇬🇞🇜🇞🇰🇞🇮🇞🇧🇞🇎🇿🇊🇬🇞🇰🇷🇞🇞
    🇪🇞🇱🇰🇧🇱🇞🇭🇰🇳🇱🇚🇲🇫🇵🇲🇻🇚🇞🇩🇞🇷🇞🇯🇞🇿🇞🇪🇚🇭🇞🇟
    🇹🇌🇹🇯🇹🇿🇹🇭🇹🇱🇹🇬🇹🇰🇹🇎🇹🇹🇹🇊🇹🇳🇹🇷🇹🇲🇹🇚🇹🇻🇺🇬
    🇺🇊🇊🇪🇬🇧🏎󠁧󠁢󠁥󠁮󠁧󠁿🏎󠁧󠁢󠁳󠁣󠁎󠁿🏎󠁧󠁢󠁷󠁬󠁳󠁿🇺🇞🇺🇟🇺🇲🇻🇮🇺🇿🇻🇺🇻🇊🇻🇪🇻🇳🇌🇫
    🇪🇭🇟🇪🇿🇲🇿🇌
          
    Standard
    ❀💌💟🧡💛💚💙💜🖀🀍🀎💔❣💕💞💓💗💖💘💝
    
    💎💍💬💭💚🔅🔆❌💢⭕🌀💀💊💧💠
    🌐
    
    ☺☹😀😃😄😁😆🀩😅😂🀣😊😇🙂🙃😉😌😗😙😚🥳🥰😘😍
    😋🀪😜😝😛🀑🀗🀓😎🥺🀡🀠😏😒😞😔😟😕🙁😣😖🥎😫😩
    😀😠😡🥵🀬😶😐😑😯😊😧😮😲😵🀯😳😱😚😰😢😥🀀😭😓😪
    😎🥱🙄🀚🧐🀔🀫🀭🀥😬🀐🀢🀮🀧😷🀒🀕
    😺😞😹😻😌😜🙀😿😟🥶😈👿👹👺🎭👻💀☠👜👟🗿🀖🎃💩👀👁👄👁💋👅👂🊻
    ✌☝👆🖕👇👈👉🀏👌🀞👍👎👊✊🀛🀜🀘🀟🀙✋🀚🖐🖖💅👋👐🙌🀲🀝👏🙏
    💪✍🀳👃🊵🊶🊟🊿👣
    ♀♂👀🗣👥
    👶👊
    👚‍👚‍👊👚‍👚‍👧👚‍👚‍👧‍👊👚‍👚‍👊‍👊👚‍👚‍👧‍👧
    👚👩👱‍♀🧔👱🧑‍🊳🧔👎👵🧓🊰🊱🊲🊳
    👲👳‍♀👳🧕🊞🊹🧑‍🊰🧑‍🊱🧑‍🊲🧑‍⚕🧑‍🎓🧑‍🏫🧑‍⚖🧑‍🌟🧑‍🍳🧑‍🔧🧑‍🏭🧑‍💌🧑‍🔬🧑‍💻🧑‍🎀🧑‍🎚🧑‍✈🧑‍🚀🧑‍🚒🧑‍🊯🧑‍🊌🧑‍🊜
    👮‍♀👮👷‍♀👷💂‍♀💂🕵‍♀🕵👩‍⚕👚‍⚕👩‍🌟👚‍🌟👩‍🍳👚‍🍳👩‍🎓👚‍🎓👩‍🎀👚‍🎀👩‍🏫👚‍🏫
    👩‍🏭👚‍🏭👩‍💻👚‍💻👩‍💌👚‍💌👩‍🔧👚‍🔧👩‍🔬👚‍🔬👩‍🎚👚‍🎚👩‍🚒👚‍🚒👩‍✈👚‍✈👩‍🚀👚‍🚀👩‍⚖👚‍⚖
    🀶🎅👞🀎👰🀵👌🀰🀱‍♀🙇💁💁‍♂🙅🙅‍♂🙆🙆‍♂🙋🙋‍♂🀊‍♀🀊‍♂
    🀷‍♀🀷‍♂🙎🙎‍♂🙍🙍‍♂💇💇‍♂💆💆‍♂🧖‍♀🧖‍♂🧏🧏‍♂🧏‍♀🧙‍♀🧙‍♂🧛‍♀🧛‍♂🧟‍♀🧟‍♂
    🧚‍♀🧚‍♂🧜‍♀🧜‍♂🧝‍♀🧝‍♂🧞‍♀🧞‍♂🕎💃🕺👯👯‍♂🚶‍♀🚶🏃‍♀🏃🧍🧍‍♂🧍‍♀⛷🏂🏋‍♀🏋🀺🀌‍♀🀌‍♂🀞‍♀🀞‍♂⛹‍♀⛹
    🀟‍♀🀟‍♂🏌‍♀🏌🏄‍♀🏄🏊‍♀🏊🀜‍♀🀜‍♂🚣‍♀🚣🏇🚎‍♀🚎🚵‍♀🚵🀹‍♀🀹‍♂🧗‍♀🧗‍♂🧘‍♀🧘‍♂
    🧎🧎‍♂🧎‍♀👚‍🊯👩‍🊯👚‍🊌👩‍🊌👚‍🊜👩‍🊜🧑‍🀝‍🧑👫👭👬
    💑👩‍❀‍👩👚‍❀‍👚💏👩‍❀‍💋‍👩👚‍❀‍💋‍👚👪👚‍👩‍👧👚‍👩‍👧‍👊👚‍👩‍👊‍👊👚‍👩‍👧‍👧👩‍👩‍👊👩‍👩‍👧👩‍👩‍👧‍👊👩‍👩‍👊‍👊👩‍👩‍👧‍👧👩‍👊👩‍👧👩‍👧‍👊👩‍👊‍👊👩‍👧‍👧👚‍👊👚‍👧👚‍👧‍👊👚‍👊‍👊👚‍👧‍👧
          
    People
    Skintone
    👐🏿🙌🏿👏🏿🙏🏿👍🏿👎🏿👊🏿✊🏿🀛🏿🀜🏿🀞🏿✌🏿🀘🏿👌🏿👈🏿👉🏿👆🏿👇🏿☝🏿✋🏿🀚🏿🖐🏿🖖🏿👋🏿🀙🏿💪🏿🖕🏿✍🏿🀳🏿💅🏿👂🏿👃🏿👶🏿👊🏿👧🏿👚🏿👩🏿
    👱🏿‍♀👱🏿👎🏿👵🏿👲🏿👳🏿‍♀👳🏿👮🏿‍♀👮🏿👷🏿‍♀👷🏿💂🏿‍♀💂🏿🕵🏿‍♀🕵🏿👩🏿‍⚕👚🏿‍⚕👩🏿‍🌟👚🏿‍🌟👩🏿‍🍳👚🏿‍🍳👩🏿‍🎓👚🏿‍🎓👩🏿‍🎀👚🏿‍🎀👩🏿‍🏫👚🏿‍🏫👩🏿‍🏭👚🏿‍🏭👩🏿‍💻👚🏿‍💻👩🏿‍💌👚🏿‍💌👩🏿‍🔧👚🏿‍🔧👩🏿‍🔬👚🏿‍🔬👩🏿‍🎚👚🏿‍🎚
    👩🏿‍🚒👚🏿‍🚒👩🏿‍✈👚🏿‍✈👩🏿‍🚀👚🏿‍🚀👩🏿‍⚖👚🏿‍⚖🀶🏿🎅🏿👞🏿🀎🏿👰🏿🀵🏿👌🏿🀰🏿🙇🏿‍♀🙇🏿💁🏿💁🏿‍♂🙅🏿🙅🏿‍♂🙆🏿🙆🏿‍♂🙋🏿🙋🏿‍♂🀊🏿‍♀🀊🏿‍♂🀷🏿‍♀🀷🏿‍♂🙎🏿🙎🏿‍♂🙍🏿🙍🏿‍♂💇🏿💇🏿‍♂💆🏿💆🏿‍♂🕎🏿💃🏿🕺🏿
    🚶🏿‍♀🚶🏿🏃🏿‍♀🏃🏿🏋🏿‍♀🏋🏿🀞🏿‍♀🀞🏿‍♂⛹🏿‍♀⛹🏿🀟🏿‍♀🀟🏿‍♂🏌🏿‍♀🏌🏿🏄🏿‍♀🏄🏿🏊🏿‍♀🏊🏿🀜🏿‍♀🀜🏿‍♂🚣🏿‍♀🚣🏿🏇🏿🚎🏿‍♀🚎🏿🚵🏿‍♀🚵🏿🀹🏿‍♀🀹🏿‍♂🛀🏿🧒🏿🧑🏿🧓🏿🧕🏿🧔🏿🀱🏿🧙🏿‍♀🧙🏿‍♂🧚🏿‍♀🧚🏿‍♂
    🧛🏿‍♀🧛🏿‍♂🧜🏿‍♀🧜🏿‍♂🧝🏿‍♀🧝🏿‍♂🧖🏿‍♀🧖🏿‍♂🧗🏿‍♀🧗🏿‍♂🧘🏿‍♀🧘🏿‍♂🀟🏿🀲🏿💏🏿💑🏿🀏🏿🊻🏿🧏🏿🧏🏿‍♂🧏🏿‍♀🧍🏿🧍🏿‍♂🧍🏿‍♀🧎🏿🧎🏿‍♂🧎🏿‍♀👚🏿‍🊯👩🏿‍🊯👚🏿‍🊌👩🏿‍🊌👚🏿‍🊜👩🏿‍🊜🧑🏿‍🀝‍🧑🏿
    🧑🏿‍🊰🧑🏿‍🊱🧑🏿‍🊳🧑🏿‍🊲🧑🏿‍⚕🧑🏿‍🎓🧑🏿‍🏫🧑🏿‍⚖🧑🏿‍🌟🧑🏿‍🍳🧑🏿‍🔧🧑🏿‍🏭🧑🏿‍💌🧑🏿‍🔬🧑🏿‍💻🧑🏿‍🎀🧑🏿‍🎚🧑🏿‍✈🧑🏿‍🚀🧑🏿‍🚒🧑🏿‍🊯🧑🏿‍🊌🧑🏿‍🊜
          
    👐🏟🙌🏟👏🏟🙏🏟👍🏟👎🏟👊🏟✊🏟🀛🏟🀜🏟🀞🏟✌🏟🀘🏟👌🏟👈🏟👉🏟👆🏟👇🏟☝🏟✋🏟🀚🏟🖐🏟🖖🏟👋🏟🀙🏟💪🏟🖕🏟✍🏟🀳🏟💅🏟👂🏟👃🏟👶🏟👊🏟👧🏟👚🏟👩🏟
    👱🏟‍♀👱🏟👎🏟👵🏟👲🏟👳🏟‍♀👳🏟👮🏟‍♀👮🏟👷🏟‍♀👷🏟💂🏟‍♀💂🏟🕵🏟‍♀🕵🏟👩🏟‍⚕👚🏟‍⚕👩🏟‍🌟👚🏟‍🌟👩🏟‍🍳👚🏟‍🍳👩🏟‍🎓👚🏟‍🎓👩🏟‍🎀👚🏟‍🎀👩🏟‍🏫👚🏟‍🏫👩🏟‍🏭👚🏟‍🏭👩🏟‍💻👚🏟‍💻👩🏟‍💌👚🏟‍💌👩🏟‍🔧👚🏟‍🔧👩🏟‍🔬👚🏟‍🔬👩🏟‍🎚👚🏟‍🎚
    👩🏟‍🚒👚🏟‍🚒👩🏟‍✈👚🏟‍✈👩🏟‍🚀👚🏟‍🚀👩🏟‍⚖👚🏟‍⚖🀶🏟🎅🏟👞🏟🀎🏟👰🏟🀵🏟👌🏟🀰🏟🙇🏟‍♀🙇🏟💁🏟💁🏟‍♂🙅🏟🙅🏟‍♂🙆🏟🙆🏟‍♂🙋🏟🙋🏟‍♂🀊🏟‍♀🀊🏟‍♂🀷🏟‍♀🀷🏟‍♂🙎🏟🙎🏟‍♂🙍🏟🙍🏟‍♂💇🏟💇🏟‍♂💆🏟💆🏟‍♂🕎🏟💃🏟🕺🏟
    🚶🏟‍♀🚶🏟🏃🏟‍♀🏃🏟🏋🏟‍♀🏋🏟🀞🏟‍♀🀞🏟‍♂⛹🏟‍♀⛹🏟🀟🏟‍♀🀟🏟‍♂🏌🏟‍♀🏌🏟🏄🏟‍♀🏄🏟🏊🏟‍♀🏊🏟🀜🏟‍♀🀜🏟‍♂🚣🏟‍♀🚣🏟🏇🏟🚎🏟‍♀🚎🏟🚵🏟‍♀🚵🏟🀹🏟‍♀🀹🏟‍♂🛀🏟🧒🏟🧑🏟🧓🏟🧕🏟🧔🏟🀱🏟🧙🏟‍♀🧙🏟‍♂🧚🏟‍♀🧚🏟‍♂
    🧛🏟‍♀🧛🏟‍♂🧜🏟‍♀🧜🏟‍♂🧝🏟‍♀🧝🏟‍♂🧖🏟‍♀🧖🏟‍♂🧗🏟‍♀🧗🏟‍♂🧘🏟‍♀🧘🏟‍♂🀟🏟🀲🏟💏🏟💑🏟🧑🏟‍🊰🧑🏟‍🊱🧑🏟‍🊳🧑🏟‍🊲🧑🏟‍⚕🧑🏟‍🎓🧑🏟‍🏫🧑🏟‍⚖🧑🏟‍🌟🧑🏟‍🍳🧑🏟‍🔧🧑🏟‍🏭🧑🏟‍💌🧑🏟‍🔬🧑🏟‍💻🧑🏟‍🎀🧑🏟‍🎚🧑🏟‍✈🧑🏟‍🚀🧑🏟‍🚒🧑🏟‍🊯🧑🏟‍🊌🧑🏟‍🊜
          
    👐🏜🙌🏜👏🏜🙏🏜👍🏜👎🏜👊🏜✊🏜🀛🏜🀜🏜🀞🏜✌🏜🀘🏜👌🏜👈🏜👉🏜👆🏜👇🏜☝🏜✋🏜🀚🏜🖐🏜🖖🏜👋🏜🀙🏜💪🏜🖕🏜✍🏜🀳🏜💅🏜👂🏜👃🏜👶🏜👊🏜👧🏜👚🏜👩🏜
    👱🏜‍♀👱🏜👎🏜👵🏜👲🏜👳🏜‍♀👳🏜👮🏜‍♀👮🏜👷🏜‍♀👷🏜💂🏜‍♀💂🏜🕵🏜‍♀🕵🏜👩🏜‍⚕👚🏜‍⚕👩🏜‍🌟👚🏜‍🌟👩🏜‍🍳👚🏜‍🍳👩🏜‍🎓👚🏜‍🎓👩🏜‍🎀👚🏜‍🎀👩🏜‍🏫👚🏜‍🏫👩🏜‍🏭👚🏜‍🏭👩🏜‍💻👚🏜‍💻👩🏜‍💌👚🏜‍💌👩🏜‍🔧👚🏜‍🔧👩🏜‍🔬👚🏜‍🔬👩🏜‍🎚👚🏜‍🎚
    👩🏜‍🚒👚🏜‍🚒👩🏜‍✈👚🏜‍✈👩🏜‍🚀👚🏜‍🚀👩🏜‍⚖👚🏜‍⚖🀶🏜🎅🏜👞🏜🀎🏜👰🏜🀵🏜👌🏜🀰🏜🙇🏜‍♀🙇🏜💁🏜💁🏜‍♂🙅🏜🙅🏜‍♂🙆🏜🙆🏜‍♂🙋🏜🙋🏜‍♂🀊🏜‍♀🀊🏜‍♂🀷🏜‍♀🀷🏜‍♂🙎🏜🙎🏜‍♂🙍🏜🙍🏜‍♂💇🏜💇🏜‍♂💆🏜💆🏜‍♂🕎🏌💃🏜🕺🏜
    🚶🏜‍♀🚶🏜🏃🏜‍♀🏃🏜🏋🏜‍♀🏋🏜🀞🏜‍♀🀞🏜‍♂⛹🏜‍♀⛹🏜🀟🏜‍♀🀟🏜‍♂🏌🏜‍♀🏌🏜🏄🏜‍♀🏄🏜🏊🏜‍♀🏊🏜🀜🏜‍♀🀜🏜‍♂🚣🏜‍♀🚣🏜🏇🏜🚎🏜‍♀🚎🏜🚵🏜‍♀🚵🏜🀹🏜‍♀🀹🏜‍♂🛀🏜🧒🏜🧑🏜🧓🏜🧕🏜🧔🏜🀱🏜🧙🏜‍♀🧙🏜‍♂🧚🏜‍♀🧚🏜‍♂
    🧛🏜‍♀🧛🏜‍♂🧜🏜‍♀🧜🏜‍♂🧝🏜‍♀🧝🏜‍♂🧖🏜‍♀🧖🏜‍♂🧗🏜‍♀🧗🏜‍♂🧘🏜‍♀🧘🏜‍♂🀟🏜🀲🏜💏🏜💑🏜🀏🏜🊻🏜🧏🏜🧏🏜‍♂🧏🏜‍♀🧍🏜🧍🏜‍♂🧍🏜‍♀🧎🏜🧎🏜‍♂🧎🏜‍♀👚🏜‍🊯👩🏜‍🊯👚🏜‍🊌👩🏜‍🊌👚🏜‍🊜👩🏜‍🊜🧑🏜‍🀝‍🧑🏜
    🧑🏜‍🊰🧑🏜‍🊱🧑🏜‍🊳🧑🏜‍🊲🧑🏜‍⚕🧑🏜‍🎓🧑🏜‍🏫🧑🏜‍⚖🧑🏜‍🌟🧑🏜‍🍳🧑🏜‍🔧🧑🏜‍🏭🧑🏜‍💌🧑🏜‍🔬🧑🏜‍💻🧑🏜‍🎀🧑🏜‍🎚🧑🏜‍✈🧑🏜‍🚀🧑🏜‍🚒🧑🏜‍🊯🧑🏜‍🊌🧑🏜‍🊜
          
    👐🏌🙌🏌👏🏌🙏🏌👍🏌👎🏌👊🏌✊🏌🀛🏌🀜🏌🀞🏌✌🏌🀘🏌👌🏌👈🏌👉🏌👆🏌👇🏌☝🏌✋🏌🀚🏌🖐🏌🖖🏌👋🏌🀙🏌💪🏌🖕🏌✍🏌🀳🏌💅🏌👂🏌👃🏌👶🏌👊🏌👧🏌👚🏌👩🏌
    👱🏌‍♀👱🏌👎🏌👵🏌👲🏌👳🏌‍♀👳🏌👮🏌‍♀👮🏌👷🏌‍♀👷🏌💂🏌‍♀💂🏌🕵🏌‍♀🕵🏌👩🏌‍⚕👚🏌‍⚕👩🏌‍🌟👚🏌‍🌟👩🏌‍🍳👚🏌‍🍳👩🏌‍🎓👚🏌‍🎓👩🏌‍🎀👚🏌‍🎀👩🏌‍🏫👚🏌‍🏫👩🏌‍🏭👚🏌‍🏭👩🏌‍💻👚🏌‍💻👩🏌‍💌👚🏌‍💌👩🏌‍🔧👚🏌‍🔧👩🏌‍🔬👚🏌‍🔬👩🏌‍🎚👚🏌‍🎚
    👩🏌‍🚒👚🏌‍🚒👩🏌‍✈👚🏌‍✈👩🏌‍🚀👚🏌‍🚀👩🏌‍⚖👚🏌‍⚖🀶🏌🎅🏌👞🏌🀎🏌👰🏌🀵🏌👌🏌🀰🏌🙇🏌‍♀🙇🏌💁🏌💁🏌‍♂🙅🏌🙅🏌‍♂🙆🏌🙆🏌‍♂🙋🏌🙋🏌‍♂🀊🏌‍♀🀊🏌‍♂🀷🏌‍♀🀷🏌‍♂🙎🏌🙎🏌‍♂🙍🏌🙍🏌‍♂💇🏌💇🏌‍♂💆🏌💆🏌‍♂🕎🏌💃🏌🕺🏌
    🚶🏌‍♀🚶🏌🏃🏌‍♀🏃🏌🏋🏌‍♀🏋🏌🀞🏌‍♀🀞🏌‍♂⛹🏌‍♀⛹🏌🀟🏌‍♀🀟🏌‍♂🏌🏌‍♀🏌🏌🏄🏌‍♀🏄🏌🏊🏌‍♀🏊🏌🀜🏌‍♀🀜🏌‍♂🚣🏌‍♀🚣🏌🏇🏌🚎🏌‍♀🚎🏌🚵🏌‍♀🚵🏻🀹🏌‍♀🀹🏌‍♂🛀🏌🧒🏌🧑🏌🧓🏌🧕🏌🧔🏌🀱🏌🧙🏌‍♀🧙🏌‍♂🧚🏌‍♀🧚🏌‍♂
    🧛🏌‍♀🧛🏌‍♂🧜🏌‍♀🧜🏌‍♂🧝🏌‍♀🧝🏌‍♂🧖🏌‍♀🧖🏌‍♂🧗🏌‍♀🧗🏌‍♂🧘🏌‍♂🀟🏌🀲🏌💏🏌💑🏌🀏🏌🊻🏌🧏🏌🧏🏌‍♂🧏🏌‍♀🧍🏌🧍🏌‍♂🧍🏌‍♀🧎🏌🧎🏌‍♂🧎🏌‍♀👚🏌‍🊯👩🏌‍🊯👚🏌‍🊌👩🏌‍🊌👚🏌‍🊜👩🏌‍🊜🧑🏌‍🀝‍🧑🏌
    🧑🏌‍🊰🧑🏌‍🊱🧑🏌‍🊳🧑🏌‍🊲🧑🏌‍⚕🧑🏌‍🎓🧑🏌‍🏫🧑🏌‍⚖🧑🏌‍🌟🧑🏌‍🍳🧑🏌‍🔧🧑🏌‍🏭🧑🏌‍💌🧑🏌‍🔬🧑🏌‍💻🧑🏌‍🎀🧑🏌‍🎚🧑🏌‍✈🧑🏌‍🚀🧑🏌‍🚒🧑🏌‍🊯🧑🏌‍🊌🧑🏌‍🊜
          
    👐🏻🙌🏻👏🏻🙏🏻👍🏻👎🏻👊🏻✊🏻🀛🏻🀜🏻🀞🏻✌🏻🀘🏻👌🏻👈🏻👉🏻👆🏻👇🏻☝🏻✋🏻🀚🏻🖐🏻🖖🏻👋🏻🀙🏻💪🏻🖕🏻✍🏻🀳🏻💅🏻👂🏻👃🏻👶🏻👊🏻👧🏻👚🏻👩🏻
    👱🏻‍♀👱🏻👎🏻👵🏻👲🏻👳🏻‍♀👳🏻👮🏻‍♀👮🏻👷🏻‍♀👷🏻💂🏻‍♀💂🏻🕵🏻‍♀🕵🏻👩🏻‍⚕👚🏻‍⚕👩🏻‍🌟👚🏻‍🌟👩🏻‍🍳👚🏻‍🍳👩🏻‍🎓👚🏻‍🎓👩🏻‍🎀👚🏻‍🎀👩🏻‍🏫👚🏻‍🏫👩🏻‍🏭👚🏻‍🏭👩🏻‍💻👚🏻‍💻👩🏻‍💌👚🏻‍💌👩🏻‍🔧👚🏻‍🔧👩🏻‍🔬👚🏻‍🔬👩🏻‍🎚👚🏻‍🎚
    👩🏻‍🚒👚🏻‍🚒👩🏻‍✈👚🏻‍✈👩🏻‍🚀👚🏻‍🚀👩🏻‍⚖👚🏻‍⚖🀶🏻🎅🏻👞🏻🀎🏻👰🏻🀵🏻👌🏻🀰🏻🙇🏻‍♀🙇🏻💁🏻💁🏻‍♂🙅🏻🙅🏻‍♂🙆🏻🙆🏻‍♂🙋🏻🙋🏻‍♂🀊🏻‍♀🀊🏻‍♂🀷🏻‍♀🀷🏻‍♂🙎🏻🙎🏻‍♂🙍🏻🙍🏻‍♂💇🏻💇🏻‍♂💆🏻💆🏻‍♂🕎🏻💃🏻🕺🏻
    🚶🏻‍♀🚶🏻🏃🏻‍♀🏃🏻🏋🏻‍♀🏋🏻🀞🏻‍♀🀞🏻‍♂⛹🏻‍♀⛹🏻🀟🏻‍♀🀟🏻‍♂🏌🏻‍♀🏌🏻🏄🏻‍♀🏄🏻🏊🏻‍♀🏊🏻🀜🏻‍♀🀜🏻‍♂🚣🏻‍♀🚣🏻🏇🏻🚎🏻‍♀🚎🏻🚵🏻‍♀🚵🏻🀹🏻‍♀🀹🏻‍♂🛀🏻🧒🏻🧑🏻🧕🏻🧔🏻🀱🏻🧙🏻‍♀🧙🏻‍♂🧚🏻‍♀🧚🏻‍♂
    🧛🏻‍♀🧛🏻‍♂🧜🏻‍♀🧜🏻‍♂🧝🏻‍♀🧝🏻‍♂🧖🏻‍♀🧖🏻‍♂🧗🏻‍♀🧗🏻‍♂🧘🏻‍♀🧘🏻‍♂🀟🏻🀲🏻💏🏻💑🏻🀏🏻🊻🏻🧏🏻🧏🏻‍♂🧏🏻‍♀🧍🏻🧍🏻‍♂🧍🏻‍♀🧎🏻🧎🏻‍♂🧎🏻‍♀👚🏻‍🊯👩🏻‍🊯👚🏻‍🊌👩🏻‍🊌👚🏻‍🊜👩🏻‍🊜🧑🏻‍🀝‍🧑🏻
    🧑🏻‍🊰🧑🏻‍🊱🧑🏻‍🊳🧑🏻‍🊲🧑🏻‍⚕🧑🏻‍🎓🧑🏻‍🏫🧑🏻‍⚖🧑🏻‍🌟🧑🏻‍🍳🧑🏻‍🔧🧑🏻‍🏭🧑🏻‍💌🧑🏻‍🔬🧑🏻‍💻🧑🏻‍🎀🧑🏻‍🎚🧑🏻‍✈🧑🏻‍🚀🧑🏻‍🚒🧑🏻‍🊯🧑🏻‍🊌🧑🏻‍🊜
          
    Emoticon
    Faces
    1F600	 😀 	Grinning Face
    1F601	 😁 	Grinning Face With Smiling Eyes
    1F602	 😂 	Face With Tears Of Joy
    1F603	 😃 	Smiling Face With Open Mouth
     	 	→	263A ☺ white smiling face
    1F604	 😄 	Smiling Face With Open Mouth And Smiling Eyes
    1F605	 😅 	Smiling Face With Open Mouth And Cold Sweat
    1F606	 😆 	Smiling Face With Open Mouth And Tightly-Closed Eyes
    1F607	 😇 	Smiling Face With Halo
    1F608	 😈 	Smiling Face With Horns
     	 	•	commonly depicted as a (sinister) smiling version of 1F47F 👿 imp
    1F609	 😉 	Winking Face
    1F60A	 😊 	Smiling Face With Smiling Eyes
    1F60B	 😋 	Face Savouring Delicious Food
    1F60C	 😌 	Relieved Face
     	 	•	indicates relief, not sleeping
    1F60D	 😍 	Smiling Face With Heart-Shaped Eyes
    1F60E	 😎 	Smiling Face With Sunglasses
    1F60F	 😏 	Smirking Face
    1F610	 😐 	Neutral Face
     	 	•	used for the West Wind in some Mahjong annotation
    1F611	 😑 	Expressionless Face
    1F612	 😒 	Unamused Face
    1F613	 😓 	Face With Cold Sweat
    1F614	 😔 	Pensive Face
    1F615	 😕 	Confused Face
    1F616	 😖 	Confounded Face
    1F617	 😗 	Kissing Face
    1F618	 😘 	Face Throwing A Kiss
    1F619	 😙 	Kissing Face With Smiling Eyes
    1F61A	 😚 	Kissing Face With Closed Eyes
    1F61B	 😛 	Face With Stuck-Out Tongue
    1F61C	 😜 	Face With Stuck-Out Tongue And Winking Eye
     	 	•	kidding, not serious
    1F61D	 😝 	Face With Stuck-Out Tongue And Tightly-Closed Eyes
     	 	•	kidding, not serious
    1F61E	 😞 	Disappointed Face
     	 	→	2639 ☹ white frowning face
    1F61F	 😟 	Worried Face
    1F620	 😠 	Angry Face
    1F621	 😡 	Pouting Face
     	 	•	intended to depict pouting rather than simply anger
    1F622	 😢 	Crying Face
    1F623	 😣 	Persevering Face
    1F624	 😀 	Face With Look Of Triumph
     	 	•	indicates triumph, not anger
    1F625	 😥 	Disappointed But Relieved Face
    1F626	 😊 	Frowning Face With Open Mouth
     	 	•	frowning, not shocked or surprised
    1F627	 😧 	Anguished Face
    1F628	 😚 	Fearful Face
    1F629	 😩 	Weary Face
    1F62A	 😪 	Sleepy Face
    1F62B	 😫 	Tired Face
    1F62C	 😬 	Grimacing Face
     	 	•	should not be depicted with zipper mouth
     	 	→	1F910 🀐 zipper-mouth face
    1F62D	 😭 	Loudly Crying Face
    1F62E	 😮 	Face With Open Mouth
    1F62F	 😯 	Hushed Face
    1F630	 😰 	Face With Open Mouth And Cold Sweat
    1F631	 😱 	Face Screaming In Fear
    1F632	 😲 	Astonished Face
    1F633	 😳 	Flushed Face
     	 	•	embarrassed
    1F634	 😎 	Sleeping Face
    1F635	 😵 	Dizzy Face
    1F636	 😶 	Face Without Mouth
     	 	→	2687 ⚇ white circle with two dots
    1F637	 😷 	Face With Medical Mask
    Cat faces
    1F638	 😞 	Grinning Cat Face With Smiling Eyes
    1F639	 😹 	Cat Face With Tears Of Joy
    1F63A	 😺 	Smiling Cat Face With Open Mouth
    1F63B	 😻 	Smiling Cat Face With Heart-Shaped Eyes
    1F63C	 😌 	Cat Face With Wry Smile
    1F63D	 😜 	Kissing Cat Face With Closed Eyes
    1F63E	 😟 	Pouting Cat Face
     	 	•	intended to depict pouting rather than simply anger
    1F63F	 😿 	Crying Cat Face
    1F640	 🙀 	Weary Cat Face
     	 	•	indicates tired, not horrified
    Faces
    1F641	 🙁 	Slightly Frowning Face
     	 	→	2639 ☹ white frowning face
    1F642	 🙂 	Slightly Smiling Face
     	 	→	263A ☺ white smiling face
    1F643	 🙃 	Upside-Down Face
    1F644	 🙄 	Face With Rolling Eyes
    Gesture symbols
    1F645	 🙅 	Face With No Good Gesture
     	 	•	conveys "no deal" or "not ok", not anger; the inverse of 1F646 🙆 face with ok gesture
    1F646	 🙆 	Face With Ok Gesture
    1F647	 🙇 	Person Bowing Deeply
     	 	•	most commonly depicted as Japanese-style bowing while seated (dogeza)
    1F648	 🙈 	See-No-Evil Monkey
    1F649	 🙉 	Hear-No-Evil Monkey
    1F64A	 🙊 	Speak-No-Evil Monkey
    1F64B	 🙋 	Happy Person Raising One Hand
    1F64C	 🙌 	Person Raising Both Hands In Celebration
     	 	=	banzai!
    1F64D	 🙍 	Person Frowning
    1F64E	 🙎 	Person With Pouting Face
     	 	•	intended to depict pouting rather than simply anger
    1F64F	 🙏 	Person With Folded Hands
     	 	•	can indicate sorrow or regret
     	 	•	can also indicate pleading, praying, bowing, or thanking
          
    Time
    ◮  U+25F4
    ◵  U+25F5
    ◶  U+25F6
    ◷  U+25F7
    
    ⧖  U+029D6  WHITE HOURGLASS
    ⧗  U+029D7  BLACK HOURGLASS
    
    🕐  U+1F550  CLOCK FACE ONE OCLOCK
    🕜  U+1F55C  CLOCK FACE ONE-THIRTY
    🕑  U+1F551  CLOCK FACE TWO OCLOCK
    🕝  U+1F55D  CLOCK FACE TWO-THIRTY
    🕒  U+1F552  CLOCK FACE THREE OCLOCK
    🕞  U+1F55E  CLOCK FACE THREE-THIRTY
    🕓  U+1F553  CLOCK FACE FOUR OCLOCK
    🕟  U+1F55F  CLOCK FACE FOUR-THIRTY
    🕔  U+1F554  CLOCK FACE FIVE OCLOCK
    🕠  U+1F560  CLOCK FACE FIVE-THIRTY
    🕕  U+1F555  CLOCK FACE SIX OCLOCK
    🕡  U+1F561  CLOCK FACE SIX-THIRTY
    🕖  U+1F556  CLOCK FACE SEVEN OCLOCK
    🕢  U+1F562  CLOCK FACE SEVEN-THIRTY
    🕗  U+1F557  CLOCK FACE EIGHT OCLOCK
    🕣  U+1F563  CLOCK FACE EIGHT-THIRTY
    🕘  U+1F558  CLOCK FACE NINE OCLOCK
    🕀  U+1F564  CLOCK FACE NINE-THIRTY
    🕙  U+1F559  CLOCK FACE TEN OCLOCK
    🕥  U+1F565  CLOCK FACE TEN-THIRTY
    🕚  U+1F55A  CLOCK FACE ELEVEN OCLOCK
    🕊  U+1F566  CLOCK FACE ELEVEN-THIRTY
    🕛  U+1F55B  CLOCK FACE TWELVE OCLOCK
    🕧  U+1F567  CLOCK FACE TWELVE-THIRTY
    
    ⌚  U+0231A  WATCH
    ⌛  U+0231B  HOURGLASS
    ⏳  U+023F3  HOURGLASS WITH FLOWING SAND
    ⏱  U+023F1  STOPWATCH
    ⏰  U+023F0  ALARM CLOCK
    ⏲  U+023F2  TIMER CLOCK
    🕰  U+1F570  MANTELPIECE CLOCK
    📅  U+1F4C5  CALENDAR
    📆  U+1F4C6  TEAR-OFF CALENDAR
    🗓  U+1F5D3  SPIRAL CALENDAR PAD
    
    🌅 U+1F305 SUNRISE
    🌃 U+1F303 NIGHT WITH STARS
    🌄 U+1F304 SUNRISE OVER MOUNTAINS
    🌆 U+1F306 CITYSCAPE AT DUSK
    🌇 U+1F307 SUNSET OVER BUILDINGS
    🌉 U+1F309 BRIDGE AT NIGHT
    
    🌑 U+1F311 NEW MOON SYMBOL
    🌒 U+1F312 WAXING CRESCENT MOON SYMBOL
    🌓 U+1F313 FIRST QUARTER MOON SYMBOL
    🌔 U+1F314 WAXING GIBBOUS MOON SYMBOL
    🌕 U+1F315 FULL MOON SYMBOL
    🌖 U+1F316 WANING GIBBOUS MOON SYMBOL
    🌗 U+1F317 LAST QUARTER MOON SYMBOL
    🌘 U+1F318 WANING CRESCENT MOON SYMBOL
    🌚 U+1F31A NEW MOON WITH FACE
    🌛 U+1F31B FIRST QUARTER MOON WITH FACE
    🌜 U+1F31C LAST QUARTER MOON WITH FACE
    🌝 U+1F31D FULL MOON WITH FACE
    
    🌱 U+1F331 SEEDLING (Used as spring)
    ☀ U+2600 BLACK SUN WITH RAYS (Used as summer)
    🍂 U+1F342 FALLEN LEAF (Used as autumn)
    ❄ U+2744 SNOWFLAKE (Used for winter activities)
          
    Numbers

    0 1 2 3 4 5 6 7 8 9

    1/2 1/4 1/8 1/16th 1/32nd 1/64th

    1st, 2nd, 3rd, 4th, 5th, 6th, 7th, 8th, 9th, 10th

    <P>aragraphs

    This is the Lead <P>aragraph used as an introductory. A lede is used when immediate attention is given to the first <p>aragraph of prose. Mr. Carter, if the headline is big enough, it makes the news big enough.Citizen Kane Most importantly, Don't bury the lead!

    Capitalization, or uppercase, is a typographic technique that involves writing a word with its first letter in uppercase and the remaining letters in lowercase. It's used to emphasize words, such as in the names of people, logos, and signage.

    In linguistics and grammar, a sentence is a linguistic expression, such as the English example The quick brown fox jumps over the lazy dog. Wikipedia - Sentence In traditional grammar, it is typically defined as a string of words that expresses a complete thought. Or as a unit consisting of a subject and predicate.

    A lede can also be the opening sentence of a <p>aragraph. This, however, tends to not be the case in documents, articles, essays, poetry, lyrics, and general works of fiction and non-fiction. In non-fiction, the opening sentence generally points the reader to the subject under discussion directly in a matter-of-fact style. In journalism, the opening line typically sets out the scope of the article.

    A <p>aragraph from the Greek paragraphos, to write beside or written beside, is a self-contained unit of a discourse in writing dealing with a particular point or idea. A <p>aragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

    This is a <p>aragraph with an extremely long <mark> tag strictly used for this style example. This mark tag should wrap box model when spanning multiple lines. And this is text afterwards.

    This <p>aragraph can be edited contenteditable just by clicking! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Quotation
    Blockquotes

    A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text.

    It is typically distinguished visually using indentation and a different typeface or smaller size quotation. It may or may not include a citation, usually placed at the bottom.

    Placeholder Image

    This is a <blockquote> wrapping a <picture>. Typically used for testimonials, & profile cards.

    A <p>aragraph child <q>uotation. With prose immediately after the 1st <q>uotation. To thine own self be true [1] Hamlet [2] William Shakespeare is another <q>uotation with multiple sibling <cite>s inside this <p>aragraph.

    Free-form text with multiple quotes 1st is a normal double <q>uote with a 2nd nested <q>uote (within single quotes) With a 3rd nested <q>uote (which should return. to double quotes). Citation for 2nd <q>uote returning to prose from original double <q>uote Citation for previous <q>uote (Outside of <q>) with multiplesibling citations (Outside of a <p>aragraph) that would appear inline within text content.
    Inline tags

    The<dfn> tag indicates defining text.

    The <a> tag is used to create a text link.

    The <bdo> tag is used for bi-directionality.

    The <span> tag is used to create a span of text.

    The <em> tag is used to add emphasis.

    The <i> tag is used to create offset from the normal text.

    The <strong> tag is used to indicate strong importance.

    The <b> tag is stylistically different text from normal text, without any special importance.

    The <u> tag is used with an unarticulated, though explicitly rendered, non-textual annotation.

    The <mark> tag indicates a highlight in text.

    The <ins> tag is used to insert text.

    The <del> tag is used to delete text.

    The <s> tag is used to strikethrough text.

    The <sup>erscript tag is used to place text above the line.

    The <sub>script tag is used to place text below the line.

    The <small> tag is used to create small text (i.e. fine print, etc.).

    The <abbr>eviation tag is used to abbreviate text: (e.g. HTML).

    The <time> tag is used to declare and :

    Math

    The <var>iable tag is used in mathematical expressions, & programming contexts, such as a2 + b2 = c2.

    The <data> tag is used to link a given piece of content with a machine-readable translation such as π.

    This mathematical formula with a big ∑summation and the number π. ∑ n=1 +∞ 1 n2 = π2 6 is easy to prove.

    Code

    Keyboard < kbd> input: Cmd

    Inline <code>: console.log("Hello World!");

    < samp>ple output: This is sample output from a computer program.

    <samp>ple <kbd> output: This is sample output from a computer program.

    <kbd> <samp>ple input: Onscreen input instructions. Click OK

    <pre>-formatted text
    0 1 2 3 4 5 6 7 8 9
    a b c d e f g h i j k l m n o p q r s t u v w x y z
    A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
    " # $ % ' ( ) * + = , - . / [ \ ] ^ _ ` { | } ~ : ; & < > ? ! @
    <pre>-formatted <code>
    
    class Shape {
    
        // This comment extends past typical line length of 75 characters to show line continuation.
    
        constructor ( length, width ) {
            this.length = length
            this.width  = width
        }
    
        get dimensions () {
            return [
              this.length, this.width
            ]
        }
    
        draw () {
            // ...
        }
    
    } // Shape
          
    <pre>-formatted <samp>le <code>
    
    echo "Hello World!"
    Hello World!
    md5 -s "Hello world"
    MD5 ("Hello world") = 3e25960a79dbc69b674cd4ec67a72c62
          
    Lists
    Definition List
    Definition Title
    This is a definition list division.
    This is a definition list division.
    Definition Title
    (Double) Definition Title
    This is a definition list division.
    This is a definition list division.
    (Parent) Definition Title
    (Parent) definition list division.
    (Child) definition list division.
    (Child) Definition Title
    (Child) (Double) Definition Title
    (Child) definition list division.
    (Child) definition list division.
    (Child) Unordered List
    • List Item
    • List Item
      • (Child) List Item
      • (Child) List Item
    (Child) Ordered List
    1. List Item
    2. List Item
      1. (Child) List Item
      2. (Child) List Item
    Unordered List
    • List Item
    • List Item
    • List Item
    • List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
    • List Item
    • List Item
    <ul role=none>
    • List Item
    • List Item
    • List Item
    • List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
    • List Item
    • List Item
    <ul role=presentation>
    • List Item
    • List Item
    • List Item
    • List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
      • (Child) List Item
    • List Item
    • List Item
    <ul role=log>
    • Log Line Item
    • Log Line Item
    • Log Line Item
    • Log Line Item
    Ordered List
    1. List Item
    2. List Item
    3. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    4. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    5. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    6. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    7. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    8. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    <ol role=none>
    1. List Item
    2. List Item
    3. List Item
    4. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    <ol role=presentation>
    1. List Item
    2. List Item
    3. List Item
    4. List Item
      1. (Child) List Item
      2. (Child) List Item
      3. (Child) List Item
      4. (Child) List Item
    Details
    This is the <summary>

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    This is the (Nested) <summary>
    • List Item
    • List Item
    • List Item
    (Nested) Thrice for Good Measure This is the body of the (Nested) <details>
    Horizontal rules



    Tables
    Two-Dimensional Table
    T.D. Heading 1 Heading 2 Heading 3 Heading 4
    Headers
    Row Cell 1 Cell 2 Cell 3 Cell 4
    Row Cell 1 Cell 2 Cell 3 Cell 4
    Footers Footing 1 Footing 2 Footing 3 Footing 4
    Summary
    Container Table
    Cell 1 Cell 2 Cell 3
    Cell 1
    Nested Table
    Headers
    Cell 1 Cell 2
    Cell 1 Cell 2
    Footers
    Cell 3
    Cell 1 Cell 2 Cell 3

    Embedded content

    <img> element
    Placeholder image
    <img> (inside <p>aragraph)

    Placeholder Image Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Horizontal<img>
    Placeholder Image
    Vertical<img>
    Placeholder Image
    < img loading=lazy >
    Placeholder Image
    <img> (inside <a>nchor link)
    Placeholder Image
    < img srcset=" 
 " >
    Placeholder Image
    <picture> (with default <img>)
    Placeholder Image
    <picture> (with <source media=(prefers-color-scheme: 
 )> & default <img>)
    Default placeholder image
    <picture> (with <source> & default <img>)
    Placeholder Image
    <picture> (wrappend in <a>nchor link)
    Placeholder Image
    <figure> element

    Pie Chart

    <figure> (with nested <img>)
    Placeholder Image
    <figure> (with nested <img> & <figcaption>)
    Placeholder Image
    Here is a caption for this image.
    <figure> (with nested<picture>)
    Placeholder Image
    This is a <picture> (wrapped in a <figure>.)
    <audio> Element
    <audio controls> Element
    <video> Element
    Youtube
    Canvas
    Canvas
    <SVG> Scalable Vector Graphics
    Inline <SVG>

    Forms

    <form autocomplete >
    Personal
    Account
    Shipping
    Billing
    Telephone
    Social
    <form >
    Outputs Output Text
    With role=log
    Log Text
    With role=status
    Toast Status Text
    Top
    Inputs The File The Multiple Files The Microphone File The Camera File The Video File
    Top
    Selects
    Top
    HTML5
    Colors
    Color Palette
    Ranges
    Horizontal
    Vertical
    Top
    Textareas
    Top
    Checkboxes
    Checkboxes (with sibling <label>)
    Checkboxes (nested inside <label>)
    Top
    Radios
    (required) Radios
    Top
    Toggles
    Top
    Meter
    Indeterminate
    Unknown Unknown Unknown 2 3
    With value & aria-valuenow
    0.5 1 3 2 3
    With title
    0.5 1 2 2
    Suboptimal
    3 3
    Insufficient
    2 3
    Top
    Progress
    Disabled
    Unknown
    Indeterminate
    Unknown Unknown
    With value
    0.5 1
    With title
    Unknown 0.5
    With aria-orientation=vertical
    Top
    Menus
    Buttons
    Input buttons
    ARIA Buttons <[role=button]> <[aria-pressed=true]> <[aria-disabled=true]>
    Link buttons <a>nchor link (disabled)<a>nchor link
    Top