1. Computing

Discuss in my forum

Male and Female Symbols on Your Web Page

By

Add Male and Female Symbols to Your Web Page

Difficulty: Easy
Time Required: 3 minutes

Here's How:

  1. Open the page where you want the male or female symbols in your Web editor.
  2. Position your cursor where you want the male or female symbols.
  3. Make sure you are in code editing mode, not WYSIWYG.Type:
    ♂ - for the male symbol
    ♀ - for the female symbol
  4. Save your file and open it in a Web browser to test that it worked. You should see: ♂ or ♀

Tips:

  1. Another way you can get the male and female symbols to display is to simply copy and paste them from the screen to your editor. However, not all browsers will display it this way reliably.
  2. WYSIWYG-only editors can copy and paste the male and female symbols into the WYSIWYG mode, and the editor should convert it for you.
  3. You can use CSS text styles to change the color of the male and female symbols and font styles to change the size and weight (boldness) of the male and female symbols.

What You Need

  • Web editor
  1. About.com
  2. Computing
  3. Web Design / HTML
  4. HTML and XHTML
  5. Beginning HTML Tutorials
  6. Male and Female Symbols on Your Web Page - How to Insert Male and Female Symbols

©2014 About.com. All rights reserved.