Advertisement

HTML Elements Bingo Cards - Print Free or Customize

Print free HTML Elements bingo cards or customize, limitless cards! Pick from 19,100+ designs or use our bingo card generator. Add numbers, phrases, photos, or any combination. Play using PDF prints, online bingo cards, and our online bingo caller, or combine all formats.

BINGO
<a><abbr><area><article><aside>
<audio>

<canvas><caption>
<cite><code><col><data><dd>
<del><details><dfn><dialog><div>
This is shown at the top of the template and game pages.
Optional. If this template makes to the front page, you will be credited for creating it.
Title is shown on top of each bingo card.

It can be text or an image. If the image is >50kb, then it will be compressed and may lose transparency.
If words on a line are separated by this text, then:
  • Bingo card will only show the text on the right side of the separator.
  • The PDF call list will show the full text.
  • To disable this feature, clear this field.
Quiz Mode ON
Lets you select which side of the quiz separator to show on the calling card just on this page for demo. When printing or playing, calling cards always show the right side only.
If words on a line are separated by this text, then:
  • The text on the right side of the separator will be spoken by the online game play.
  • Bingo card will only show the text on the left side of the separator.
  • The PDF call list will show the full text.
  • To disable this feature, clear this field.
Audio Mode ON
Enter numbers, words or phrases, each one on a new line. Up to 255 items are supported.

Column Mode:
To specify word lists per column, separate each word list by -c- in a line by itself. Example
Sort   |   No Dups
Support for-
  1. Up to 99 images.
  2. Multiple or Single image upload.
  3. Up to 5 MB file size per image.
  4. You can specify both Grid Items & Grid Images.
  5. Click on the image or label to edit label or delete image.
  6. If background of an image changes to white, either remove the transparency or reduce the image size < 10KB.
    Show Image labels or not on the bingo cards. Image labels are always shown on the calling card.
    Grid size in Columns x Rows format.
    Free space is usually the center square of the card. It is like a joker or a wild square, and counts towards the winning pattern.
    • Shows text or image in the Free Space Cell.
    • Make sure Free Space Cell is not set to "None".
    • To show text, enter text.
    • To show an image instead, click on the button on the right to select an image. If background of the image changes to white, either remove the transparency or reduce the image size to < 10KB.
    Select Yes to generate unique random cards.

    If No is selected, all cards will have the same text in the same order, which might be useful in educational or quiz settings.
    Font size is automatically downsized to fit text in each cell. This may make font size for shorter texts very large. If you don't like that look, then pick a smaller max. font size to prevent that.
    Title text color.

    * Applicable when Card Title is text.
    Title background shape.

    * Requires Title Back Opacity to be > 0%.
    Title background opacity.

    * Requires Title Back Shape.
    Title background shape color.

    * Requires Title Back Shape.
    * Requires Title Back Opacity to be > 0%.
    Title background border color.

    * Requires Title Back Shape.
    * Requires Title Back Opacity to be > 0%.
    Grid Text color.
    Grid background color.
    Grid line color.
    • Background shape for cells.
    • Select a stock image or upload your own custom image.
    • You can use Cell Transparency setting to change how prominently the background shape shows.
    • If you select a shape other than Grid, you may have to increase Cell Padding if you want to fit the text inside the shape.
    • Don't see the selected image?
      Set Cell Transparency <50.
    Empty space inside each cell between border and text.
    Space between any 2 cells.
    0% makes grid background opaque. Higher setting makes grid background transparent allowing card background image or card background color to show.
    Outside border width.
    Card outside border color.

    * Requires Card Border Width > 0%
    Yes makes the card corners rounded.
    Empty space between card border and card contents.
    Card background color.
    • Background image for the whole card.
    • Select a stock image or upload your own custom image.
    • You can use Grid Transparency setting to change how prominently the image shows behind the grid.
    Don't see the selected image?
    • Set Card Transparency >50.
    • Set Card Border Width >0 or Card Padding >0.
    • Set Cell Transparency >50.
    Select how the background image covers the whole card. You can also choose to repeat the image.
    Card image transparency.
    This mode uses rapid animations. It may cause dizziness, nausea, or trigger sensitive individuals. Please use responsibly.
    Warning! 
    Public: Anyone can see your card template, including search engines

    Private: Only you can see and edit the card template. You will need to be signed in.

    Click to Sign-Up « Free!!!

    Click to Sign-In
    Number of cards to generate and include in the Full PDF. The Preview button will always generate only 1 card.
    Select Yes to include call list in the Full PDF.
    Printer paper size.
    How to print on paper, ie paper orientation. Printed cards might look better one way or the other.
    Arrangement of cards on each page of paper.
    Horizontal margin on left and right sides of each card.
    Vertical margin on top and bottom sides of each card.
    Colors: Removes background to save ink for printing.

    B&W: Removes background & changes colors to black & white to save ink for printing.
    Select amount of empty space to keep in each cell for participants to write something.

    This feature is also called human bingo, people bingo, social bingo, get-to-know bingo or ice breaker bingo.
    Starting card number. Change if you need to reprint a set of cards starting with a specific card number.

    Note: If this is not 1, then call list (index card) will not be printed.
    Header height. Header is shown only when there is 1 or more characters.
    Instructions or any other message(s) at the top of each card.
    Footer height. Footer is shown only when there is 1 or more characters.
    Instructions or any other message(s) at the bottom of each card.
    All fonts support English.

    For non-English support in PDF, please try FreeSans, FreeSerif, DejaVuSans, DejaVuSerif or NotoSans
    ✉

    Suggestions | Feedback | Bug

    Similar Bingo Cards: Html, Web,

    About: This bingo card is all about HTML elements, perfect for web development workshops, classroom activities, or coding bootcamps. With a focus on both common and lesser-known tags, it’s a fun way to test your knowledge and get everyone involved in learning the building blocks of websites. Great for students or anyone looking to brush up on their HTML skills!

    How To: To download a printable PDF, click the Print button. You can alter the number of cards and other print settings on the Print tab. Grid items and free space content can be changed on the Basic tab. Appearance can be completely customized on the relevant tabs, or you can easily locate any setting using the 🔍 tab.

    How to play HTML Elements Bingo Cards?

    • Paper Caller: Print PDF calling list & calling slips and physically select the slips.
    • Paper Players: Print PDF bingo cards and physically scratch the cards.
    • Online Players: Click on the Play button above, and then click on the 🎫 button.
    • Online Caller: Click on the Play button above.
    • Combo Play: Choose any combination above. For instance, caller can be either Printed or Online. And players can be Printed or Online or a combination of both.

    Step-By-Step:

    1. Start by downloading the HTML Elements PDF by clicking on the "Print" button above.
    2. Open the PDF and print it.
    3. For random drawing, you can print another copy of the call list, cut, fold and then pick them randomly at play time.
    4. Cut the bingo cards at the cut lines if there are more than 1 bingo cards per page.
    5. Give one card to each player. For marking, you can use crayons. Crayons cost the least.
    6. Choose one person to be the caller. If you are playing in a small group, the caller may as well play along with their own Bingo card.
    7. The caller begins the game by randomly drawing an item from the call list and calling out it to everyone.
    8. The players check their cards to see if they have the announced word. If they do, they cross off that word.
    9. The first player to finish a horizontal, vertical, or a diagonal line of crossed items yells "Bingo!" and wins the game.
    10. The caller validates that the items crossed off form a correct line according to the Bingo card and call list.
    11. You can play for multiple patterns or a full card blackout for an extended game.

    HTML Elements Bingo CardsThis HTML Elements Bingo Cards Game contains following Words or Phrases: <a>, <abbr>, <area>, <article>, <aside>, <audio>, , , , , ,
    ,