2016 Sandbox

HTML means Hyper Text Markup Language. It's a set of simple commands used to format the text of your posts, add images, or links, or change the appearance.

URL is Uniform Resource Locator. It's the name of the page or the picture that you see, the www.http:// stuff. You'll need to use the URL to make links and post pictures.

Quotation Marks Quotes have to be used around the URLs for web pages and images on Free Republic. Some systems do not require this. Ours does.

Once the Free Republic software detects an HTML tag in your post, it will assume the entire thing was written for HTML. This means it will eliminate paragraphs and line breaks that you used to clarify your writing. In order to prevent that, I'll start with the two simplest tags, and . When you use html tags, they disappear when the post is pasted to the board, so don't worry if they look funny or if your post seems to run on.

This is the break tag. 
It tells the computer to end the line and start a new one. 
Just type it where you want the line to end.

It tells the computer to end the line, insert a blank one, then start a new line.

The rest of the tags have to be used with an on tag and an off tag. This is simple enough. One of the most commonly used tags is the italic tag . This tag turns the italics on. When you want the italics to end, turn them off by using the forward slash with the appropriate command, in this case, .

This pair forces browsers to temporarily use a "fixed font", and preserves spaces. That is extremely helpful to rapidly create a simple table so columns don't get fussed up, since nearly all "reply boxes", such as FR, use fixed font. This gives a WYSIWYG situation without using the complex table formatting in HTML and is useful for simple tabular information.

State Abbr. Wind Temperature
New York NY windy cold
Penn PA " cold
Florida FL hurricanes nice
Illinois Il calm warm

~~Strikeout tags~~

FOOTNOTES!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation (Footnote 1) ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim (Footnote 2 Reference 1) placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam (Footnote 2 Reference 2), quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna³ aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore³ te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation <A href="#footnote-1" >(Footnote 1)</A> ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim <A href="#footnote-2" id="footnote-2-reference-1">(Footnote 2 Reference 1)</A> placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam <A href="#footnote-2" id="footnote-2-reference-2">(Footnote 2 Reference 2)</A>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna<A href="#footnote-3" id="footnote-3-reference-1">3</A> aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore<A href="#footnote-3" id="footnote-3-reference-2">3</A> te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram

2. <A href="#footnote-2" id="footnote-2"></A>> <A href="#footnote-2-reference-1">Go Back To Reference 1</A> <A href="#footnote-2-reference-2">Go Back To Reference 2</A> Now you can go back from whence you came.

3. <A href="#footnote-3" id="footnote-3"></A> <A href="#footnote-3-reference-1">1</A> <A href="#footnote-3-reference-2">2</A> Nice!

Commonly used tags:
 paragraph
 line break
These tags are not used in pairs.

Commonly used pairs:
 italics
 bold characters
 underline
This makes the font red. Orange,blue,green,purple,and yellow also work.
<center> </center>

You can use 1,2,3,4, or 5. The tags automatically insert a blank line between the headline and your next paragraph.

what you are reading now will be rendered in the helvetica, georgia, courier or arial font. Your computer will search for each of the fonts and render this text in the first one it finds installed on your computer. If non of the fonts are installed, your computer will render this text with whatever you have installed as your default font

Sarcasm tag
</sarc> This is the sarcasm tag. It is not a real HTML tag. It is used to mark your witty repartee so that everyone will know you are making a funny.
Type an ampersand - & then lt; then /sarc.
An & and gt; makes the other carat >.

How to create a link:
<a href="http://www.freerepublic.com/home.htm">www.Free Republic.com</a>
A means anchor. href means horizontal reference. It's called horizontal because the computer is going across the web to a different page. There are also vertical links that can go to specific points on the same page. What comes after the href= is where the broswer will point to next. The horizontal reference is the complete URL of the page you want to link. It's in the navigation bar at the top of your web browser. Highlight it and copy it. Make sure you get all of it. Some URLs are surprisingly long, and if you miss some of the URL, the link might not work.
You can type anything between the <a href=></a> parts.
www.Free Republic.com
Click here.
abc12345
All of these links go to the same page, I just typed different things between <a href=></a> tags.

Whenever I refer to a separate link from inside a thread, I prefer to use the TARGET="_NEW" attribute to direct the browser to open a new tab for the link. For example:

Camera 56 - I-94 at Layton Avenue

<A HREF="http://www.dot.wisconsin.gov/travel/milwaukee/cam056.htm" TARGET="_NEW">YOUR LINK NAME HERE</a>

You may want to play around with the ALIGN, WIDTH, and SIZE attributes for some fun effects.

The hr element creates in the document a highly visible break that renders as a slim horizontal line running the width of the area to which it's applied. While it's still perfectly valid to use this element in XHTML strict pages, as it's not on the list of deprecated elements, it isn't used a great deal these days, because:

The "Width" attribute (as you can imagine) controls the width of the horizontal rule. It can either be in % or in pixels. For example, if I insert a horizontal rule that is 25% of the screen width, I would use the following: <HR WIDTH="25%">:

Let's say I want to move that line to the left. I would use the ALIGN attribute (acceptable values are LEFT, CENTER, or RIGHT...defaults to "center"). <HR WIDTH="25%" ALIGN="LEFT">:

Or, alternatively, say you want to align it to the right, you would write: <HR WIDTH="25%" ALIGN="RIGHT">:

You can also adjust how thick the line is with the "HEIGHT" attribute (only works in pixels). For example <HR WIDTH="25%" ALIGN="LEFT" SIZE="10">:

Of course, you'll see above that there is a "shadow" effect. If you don't want that, use the "NOSHADE" attribute, as follows: <HR WIDTH="25%" ALIGN="LEFT" SIZE="10" NOSHADE>:

How to add images to your post:

You need to know the URL of the picture to do this. You can see the picture's URL when you put your cursor on the picture and right click the mouse. You see a small box with "properties" at the bottom. Left click on "properties" and you get a dialog box with the image URL and dimensions. It says Address: next to the URL, with (URL) underneath. Copy the URL and paste it after your img src= tag. Make sure you get all of the URL for the picture. There isn't a lot of space for the URL and sometimes they are very long. The image Size and Dimensions are beneath the URL. Free Republic allocates memory for each image, and if it doesn't know the dimensions of the image, it will allocate more memory than needed. It tells you the width, then the height of the picture.

This is called a hotlink. The picture is actually on another computer, but we see it here. This causes the other computer to use it's memory and machinery to provide the image. Some sites prevent it, or object to it. You can't hotlink an image from any of Yahoo's GeoCities pages, for example. Yahoo prevents it.

Use the "width" and/or "height" parameters to change the size of the picture you have linked to. For iinstance:

<img src="http://upload.wikimedia.org/wikipedia/en/thumb/b/ba/Free_Republic_logo.jpg/200px-Free_Republic_logo.jpg" "width=570"></img> gives us the same image, but in a different scale:

Note that I only used the width parameter in this link. HTML will automatically scale the height parameter to avoid stretching the image. The height parameter works the same way. You do not need both parameters unless you want to alter the dimensions of the picture you are posting

Do Not Cut And Paste List.
Some websites have forbidden us to copy and paste their material, including images. There have been lawsuits over this. The FR software will mostly prevent you from using the material that has been blocked, but not always. There are also some image sources that are not allowed on the list. Please don't use them. Lawsuits suck.
Link to the Do Not Cut And Paste List

Help With Creating HTML Tables

HTML tables are created using the HTML <table> tag. You combine this tag with other tags that define each row and column within your table.

Basic HTML Table

Changing a Table's Border Color

You can change the color of a table border by simply adding the bordercolor attribute.

Background Color for Whole Table

Background Color for Table Row

Here, we add a different background color to the first row, which happens to be the table header row. Therefore, we have one background color for the table, and a different background color for the table header row. Note that we also change the text color for the table header - this makes it easier to read.

Background Color for Table Cell

You can also change the background color of an individual table cell. To do this, simply apply the styles against the <td> tag of the table cell in question.

Adjusting Table Cell Spacing and Cell Padding

You can increase the space within the table cells and the space between the cells by using the cellpadding and cellspacing attributes.

The cellspacing attribute adjusts the space between the cells and cellpadding adjusts the space within (around) the cell.

See how setting the cellspacing attribute to "10" drastically increased the spacing between the cells, and the cellpadding attribute set to "3" added a little of space within each individual cell.

If you want a table to have a single border (with no border around the letters), simply set the cellspacing to "0" and your table will look like this....

Specifying a Table Width

You can specify the width of a table by using either a percentage or a pixel width.

Since the width is set to 100% that means the table will take up 100% of the screen and the columns in the table will be adjusted evenly. Here's what it would look like.

As we mentioned, you can also set the table width using pixels instead of percentages. So instead of setting it to 100%, you could set it to 300 pixels:

Setting Column Widths

Sometimes you may not always want your columns to be the same width. If this is the case, you need to set values on your table data <td> cells. Again, you can set them by using percentages or pixel widths.

See how the column width for the first column in both rows is set to 70%. Notice there is no value set for the other 2 columns. If you do not set a value for the remaining columns, their width will automatically be adjusted to take up the remaining space and they'll share it equally.

Since the table width is set to 300 pixels, and the first column is instructed to take up 70% of those 300 pixels (roughly 210 pixels), the other 2 columns divide the remaining 30% of the table equally (roughly 45 pixels a piece).

You could also have expressed the column widths of this table in pixels instead of percentages. The code would have looked like this:

See how the width of the columns in each row add up to 300 (210 + 45 + 45) -- which is the width of the table.

Many people prefer to express their table width and column widths in percentages because that will ensure that the table takes up the same amount of screen no matter how big or small the screen resolution is.

If someone is using a 21 inch monitor to view your site and you have a table width set to 300 pixels, the table will show up very small on their screen. However if you set the table width to 70%, it will take up 70% of the screen no matter what size monitor the person is using.

Or, let's say you create a table that is 760 pixels wide and someone has a 15 inch monitor set to a 640x480 resolution, then that person will have to scroll left and right just to see the entire table.

On the other hand, if you set the table width to 100%, the table will fit the screen no matter what resolution the browser is set to.

So it's really up to you to decide what's the best layout for your tables. Personally I prefer to use percentages. That way the table takes up the same amount of screen no matter what size monitor/resolution people are using.

Specifying a Table's Height

Horizontally Aligning the Content Inside Tables

The content inside a cell is left aligned by default, but you can also center or right align the text as well by using the align attributes.

See how the first column is aligned to the center? You can also right align the columns by using the align="right" inside the <td> cells.

Vertically Aligning the Content Inside the Table Cells

So far we've kept the table cell alignment at the default, which is the middle. Notice in the above table that the A, B, and C are all three aligned in the middle of their cells. Well you can change their alignment to either top, bottom, or middle by using the valign (which stands for vertical align) tag:

I've set the table height to "250" so the alignment would be more noticeable. Notice that the A in both rows are aligned to the top. You can also align to the "bottom" or the "middle".

Creating a Left Navigation Layout With Tables

As we mentioned earlier, most left and right navigations are created using tables. All you do is create a table with one row, two columns and no border. Then align both of your columns to the top (using the valign tag) so your text will start in the top of the columns, not the middle. Then depending on if you're going to have a right or left navigation, you'll make one column significantly smaller than the other.

<tr>
<td valign="top" width="25%">Left Nav Links Here</td>
<td valign="top" width="75%">Body Here</td>
</tr>

Notice I set the border to "0" but it's still showing in the example. I just did that to show how the layout would look. If you set your border to "0" you won't see any lines around your table.

State Abbr. Wind Temperature
New York NY windy cold
Penn PA " cold
Florida FL hurricanes nice
Illinois Il calm warm

So there ya have it! That's a general overview of tables. There's so much more you can do with them, but if you can understand the basic layout, you'll be able to do so much with the design of your web site.

Emoji List, v14.0
Index & Help | Images & Rights | Spec | Proposing Additions

Lots more here but the memory craps out

https://unicode.org/emoji/c...

This chart provides a list of the Unicode emoji characters and sequences, with single image and annotations. Clicking on a Sample goes to the emoji in the full list. The ordering of the emoji and the annotations are based on Unicode CLDR data. Emoji sequences have more than one code point in the Code column. Recently-added emoji are marked by a ⊛ in the name and outlined images.

Emoji with skin-tones are not listed here: see Full Skin Tone List.

For counts of emoji, see Emoji Counts.

While these charts use a particular version of the Unicode Emoji data files, the images and format may be updated at any time. For any production usage, consult those data files. For information about the contents of each column, such as the CLDR Short Name, click on the column header. For further information, see Index & Help.

ascii art

I notice that ascii art doesn’t luze links after the host site for the image is crashed.

thumbs up
👍

ascii thumbs up

░░░░░░░░░░░░░░░░░░░░░░█████████
░░███████░░░░░░░░░░███▒▒▒▒▒▒▒▒███
░░█▒▒▒▒▒▒█░░░░░░░███▒▒▒▒▒▒▒▒▒▒▒▒▒███
░░░█▒▒▒▒▒▒█░░░░██▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██
░░░░█▒▒▒▒▒█░░░██▒▒▒▒▒██▒▒▒▒▒▒██▒▒▒▒▒███
░░░░░█▒▒▒█░░░█▒▒▒▒▒▒████▒▒▒▒████▒▒▒▒▒▒██
░░░█████████████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██
░░░█▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▒▒▒▒▒▒██
░██▒▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒██▒▒▒▒▒▒▒▒▒▒██▒▒▒▒██
██▒▒▒███████████▒▒▒▒▒██▒▒▒▒▒▒▒▒██▒▒▒▒▒██
█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▒████████▒▒▒▒▒▒▒██
██▒▒▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██
░█▒▒▒███████████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒██
░██▒▒▒▒▒▒▒▒▒▒████▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒█
░░████████████░░░█████████████████

Oh well ¯\(ツ)/¯ ¯\_(ツ)_/¯

Confused/Dizzy: @_@

Cheerleader *\0/*

Heart <3 Broken Heart

Unicode Symbols
[Depending on what device you are on, some of these may show as emojis or not even show at all.]
[Scroll down for alternative characters]

࿐ ༆ ༄ ༩ ང ༂ ༤

★ ♥ ⌦ 웃 ミ ✿  ☑ ® ♫ ✫  � 囧 ☠ ර ✄ ☃ ☢ ☣ ☤ ☂ ¦ π 👑 №

Shapes

Lines: · ¨ … ¦ ┅ ┆ ┈ ┊ ╱ ╲ ╳ ¯ – — ◠ ◡ ╭ ╮ ╯ ╰ │ ┤ ╡ ╢ ╖ ╕ ╣ ║ ╝ ╜ ╛ ┐ └ ┴ ┬ ├ ─ ┼ ╞ ╟ ╚ ╔ ╩ ╦ ╠ ═ ╬ ╧ ╨ ╤ ╥ ╙ ╘ ╒ ╓ ╫ ╪ ┘ ┌ ┤ | ╔ ╦ ╗ †

Arrows: ↑↓→←↖↗↙↘ ↨

Squares + Rectangles: ▆ ▇ █ █ ░ ▒ ▓ ▤ ▥ ▦ ▧ ▨ ▩ █ ▌ ▐ ▀ ▄ ▆ ▇ █ █ ■ ▓ 回 □ 〓 ≡ ◻ ◼ ◽ ◾ ▨ ▧ ▦ ▩ ▤ ▥ ≡ 🅰 🅱 🅾 🅿 ❎ 🚰

Triangles: ▲ ▼ ► ◄ ◣ ◢ ◤ ◥ Δ △▲▽◁◀▷ ◸ ◹ ◺ ⊿ △ ▽

Circles: O ◉ ⊙ ◐ ʘ ◯ ⓜ

Other

Peace Sign: ✌ ☮

Scissors: ✁ ✃ ✄

Drawing/Writing: ✍ ✎ ✐ ✑

Music/Sound: ♪ ♫ ♩ ♬ ♭ ♮ -♯ ° ø 🎶 🎧 🎵 🎤 🎸 🔊

Cards: ♤ ♧ ♡ ♢ ♠ ♣ ♥ ♦

Chess: ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟♚ ♛

Religious: † ☨ ✞ ✝ ☥ ☦ ☓ ☩ ☯ ☧ ☬ ☸ ✡ ♁ ✙ ♆ ☭ ✯ ☪ ☫ ✡ ☮ 卐 ✡

Random Asian Characters: 猫マリオノワール吉田電撃㈲

Smilies: ☹ ☺ ☻ ☻ ت ツッシ 😪 😍 😘 ☺ ☹ 😐

Money: € £ Ұ ₴ $ ₰¢ ₤ ¥ ₳ ₲ ₪₵ 元 ₣ ₱ ฿ ¤ ₡ ₮ ₭ ₩ ރ 円₢ ₥ ₫ ₦ zł ﷼ ₠ ₧ ₯ ₨ Kč र ¢ ¤ 💲

Hearts: ❥ ♥ ♡ ❤ ❣ ღ 💔 💕

Diamonds: ♦ ♢ ✧

Stars + Snow: ✦ ✩ ✪ ✫ ✬ ✭ ✯ ✰ ★ ✱ ✲ ✵ ✷ ❆ ✺ 🌠 ❄ ❅ 🌟 🔆

Flowers: ✿ ❀ ❁ ❃ ❋

Crowns: ♔ ♕ ♚ ♛ 👑

Clovers: ☘ ♣

Gender: ♂ ♀ ☿ 웃 유 🛊 🛉

Dominoes: ��
Note that this one is coming up question marks ?????

Winter/Christmas: ☃ ⛇ 🎄 🎅 🎁

New Years: 
Question mark ????

Exclamation Marks: ! ¡

Hands: ✌ 👌 👍 👎 ☜ ☞ ☝ ☟ ✋ ✍

Skulls: ☠

Mailboxes: 📪 📬 📭 📫

Paper-Like Stuff: 📂 📄 📁

Unicode 10 Candidates:

Dumpling: 🥟
Takeout Box: 🥡
Chopsticks: 🥢
Fortune Cookie: 🥠
One Eyebrow Raised: 🤨

Food Emojis

Lemon 🍋
Chicken Wing 🍗
Soup 🍲
Rice Ball 🍘
Tea ☕️
Icecream 🍦
Beer 🍺 🍻
Pear 🍐

Also a few other things:
ꇎ ꈌ ｯ ꉒ ꌈ ꌇ ꌞ ꍒ ꍓ ꑧ ꓾-
ꖢ ꕹ ꗬ ꗭ ꖇ ꖈ ꖷ ꗿ ꗁ ꗂ
ꉨ ꉩ ꎤ ꎣ ꐚ ꐳ ꐲ

┏┓┏┓┏┓┏━━━┓┏━━━┓
┃┃┃┃┃┃┗┓╱┏┛┃╱┏━┛
┃┗┛┗┛┃┈┃╱┃┈┃╱┗┓
┃╱╱╱╱┃┈┃╱┃┈┃╱┏┛
┗━━━━┛◯┗━┛◯┗━┛◯

WTF

bullshit
bs

https://disq.us/url?url=htt...

👍

👍 U+1F44D

Smileys & People
Emojis for smileys, people, families, hand gestures, clothing and accessories.

😀 Grinning Face
😃 Grinning Face with Big Eyes
😄 Grinning Face with Smiling Eyes
😁 Beaming Face with Smiling Eyes
😆 Grinning Squinting Face
😅 Grinning Face with Sweat
🤣 Rolling on the Floor Laughing
😂 Face with Tears of Joy
🙂 Slightly Smiling Face
🙃 Upside-Down Face
😉 Winking Face
😊 Smiling Face with Smiling Eyes
😇 Smiling Face with Halo
🥰 Smiling Face with Hearts
😍 Smiling Face with Heart-Eyes
🤩 Star-Struck
😘 Face Blowing a Kiss
😗 Kissing Face
☺️ Smiling Face
😚 Kissing Face with Closed Eyes
😙 Kissing Face with Smiling Eyes
🥲 Smiling Face with Tear
😋 Face Savoring Food
😛 Face with Tongue
😜 Winking Face with Tongue
🤪 Zany Face
😝 Squinting Face with Tongue
🤑 Money-Mouth Face
🤗 Hugging Face
🤭 Face with Hand Over Mouth
🤫 Shushing Face
🤔 Thinking Face
🤐 Zipper-Mouth Face
🤨 Face with Raised Eyebrow
😐 Neutral Face
😑 Expressionless Face
😶 Face Without Mouth
😶‍🌫️ Face in Clouds
😏 Smirking Face
😒 Unamused Face
🙄 Face with Rolling Eyes
😬 Grimacing Face
😮‍💨 Face Exhaling
🤥 Lying Face
😌 Relieved Face
😔 Pensive Face
😪 Sleepy Face
🤤 Drooling Face
😴 Sleeping Face
😷 Face with Medical Mask
🤒 Face with Thermometer
🤕 Face with Head-Bandage
🤢 Nauseated Face
🤮 Face Vomiting
🤧 Sneezing Face
🥵 Hot Face
🥶 Cold Face
🥴 Woozy Face
😵 Dizzy Face
😵‍💫 Face with Spiral Eyes
🤯 Exploding Head
🤠 Cowboy Hat Face
🥳 Partying Face
🥸 Disguised Face
😎 Smiling Face with Sunglasses
🤓 Nerd Face
🧐 Face with Monocle
😕 Confused Face
😟 Worried Face
🙁 Slightly Frowning Face
☹️ Frowning Face
😮 Face with Open Mouth
😯 Hushed Face
😲 Astonished Face
😳 Flushed Face
🥺 Pleading Face
😦 Frowning Face with Open Mouth
😧 Anguished Face
😨 Fearful Face
😰 Anxious Face with Sweat
😥 Sad but Relieved Face
😢 Crying Face
😭 Loudly Crying Face
😱 Face Screaming in Fear
😖 Confounded Face
😣 Persevering Face
😞 Disappointed Face
😓 Downcast Face with Sweat
😩 Weary Face
😫 Tired Face
🥱 Yawning Face
😤 Face with Steam From Nose
😡 Pouting Face
😠 Angry Face
🤬 Face with Symbols on Mouth
😈 Smiling Face with Horns
👿 Angry Face with Horns
💀 Skull
☠️ Skull and Crossbones
💩 Pile of Poo
🤡 Clown Face
👹 Ogre
👺 Goblin
👻 Ghost
👽 Alien
👾 Alien Monster
🤖 Robot
😺 Grinning Cat
😸 Grinning Cat with Smiling Eyes
😹 Cat with Tears of Joy
😻 Smiling Cat with Heart-Eyes
😼 Cat with Wry Smile
😽 Kissing Cat
🙀 Weary Cat
😿 Crying Cat
😾 Pouting Cat
💋 Kiss Mark
👋 Waving Hand
🤚 Raised Back of Hand
🖐️ Hand with Fingers Splayed
✋ Raised Hand
🖖 Vulcan Salute
👌 OK Hand
🤌 Pinched Fingers
🤏 Pinching Hand
✌️ Victory Hand
🤞 Crossed Fingers
🤟 Love-You Gesture
🤘 Sign of the Horns
🤙 Call Me Hand
👈 Backhand Index Pointing Left
👉 Backhand Index Pointing Right
👆 Backhand Index Pointing Up
🖕 Middle Finger
👇 Backhand Index Pointing Down
☝️ Index Pointing Up
👍 Thumbs Up
👎 Thumbs Down
✊ Raised Fist
👊 Oncoming Fist
🤛 Left-Facing Fist
🤜 Right-Facing Fist
👏 Clapping Hands
🙌 Raising Hands
👐 Open Hands
🤲 Palms Up Together
🤝 Handshake
🙏 Folded Hands
✍️ Writing Hand
💅 Nail Polish
🤳 Selfie
💪 Flexed Biceps
🦾 Mechanical Arm
🦿 Mechanical Leg
🦵 Leg
🦶 Foot
👂 Ear
🦻 Ear with Hearing Aid
👃 Nose
🧠 Brain
🫀 Anatomical Heart
🫁 Lungs
🦷 Tooth
🦴 Bone
👀 Eyes
👁️ Eye
👅 Tongue
👄 Mouth
👶 Baby
🧒 Child
👦 Boy
👧 Girl
🧑 Person
👱 Person: Blond Hair
👨 Man
🧔 Person: Beard
👨‍🦰 Man: Red Hair
👨‍🦱 Man: Curly Hair
👨‍🦳 Man: White Hair
👨‍🦲 Man: Bald
👩 Woman
👩‍🦰 Woman: Red Hair
🧑‍🦰 Person: Red Hair
👩‍🦱 Woman: Curly Hair
🧑‍🦱 Person: Curly Hair
👩‍🦳 Woman: White Hair
🧑‍🦳 Person: White Hair
👩‍🦲 Woman: Bald
🧑‍🦲 Person: Bald
👱‍♀️ Woman: Blond Hair
👱‍♂️ Man: Blond Hair
🧓 Older Person
👴 Old Man
👵 Old Woman
🙍 Person Frowning
🙍‍♂️ Man Frowning
🙍‍♀️ Woman Frowning
🙎 Person Pouting
🙎‍♂️ Man Pouting
🙎‍♀️ Woman Pouting
🙅 Person Gesturing No
🙅‍♂️ Man Gesturing No
🙅‍♀️ Woman Gesturing No
🙆 Person Gesturing OK
🙆‍♂️ Man Gesturing OK
🙆‍♀️ Woman Gesturing OK
💁 Person Tipping Hand
💁‍♂️ Man Tipping Hand
💁‍♀️ Woman Tipping Hand
🙋 Person Raising Hand
🙋‍♂️ Man Raising Hand
🙋‍♀️ Woman Raising Hand
🧏 Deaf Person
🧏‍♂️ Deaf Man
🧏‍♀️ Deaf Woman
🙇 Person Bowing
🙇‍♂️ Man Bowing
🙇‍♀️ Woman Bowing
🤦 Person Facepalming
🤦‍♂️ Man Facepalming
🤦‍♀️ Woman Facepalming
🤷 Person Shrugging
🤷‍♂️ Man Shrugging
🤷‍♀️ Woman Shrugging
🧑‍⚕️ Health Worker
👨‍⚕️ Man Health Worker
👩‍⚕️ Woman Health Worker
🧑‍🎓 Student
👨‍🎓 Man Student
👩‍🎓 Woman Student
🧑‍🏫 Teacher
👨‍🏫 Man Teacher
👩‍🏫 Woman Teacher
🧑‍⚖️ Judge
👨‍⚖️ Man Judge
👩‍⚖️ Woman Judge
🧑‍🌾 Farmer
👨‍🌾 Man Farmer
👩‍🌾 Woman Farmer
🧑‍🍳 Cook
👨‍🍳 Man Cook
👩‍🍳 Woman Cook
🧑‍🔧 Mechanic
👨‍🔧 Man Mechanic
👩‍🔧 Woman Mechanic
🧑‍🏭 Factory Worker
👨‍🏭 Man Factory Worker
👩‍🏭 Woman Factory Worker
🧑‍💼 Office Worker
👨‍💼 Man Office Worker
👩‍💼 Woman Office Worker
🧑‍🔬 Scientist
👨‍🔬 Man Scientist
👩‍🔬 Woman Scientist
🧑‍💻 Technologist
👨‍💻 Man Technologist
👩‍💻 Woman Technologist
🧑‍🎤 Singer
👨‍🎤 Man Singer
👩‍🎤 Woman Singer
🧑‍🎨 Artist
👨‍🎨 Man Artist
👩‍🎨 Woman Artist
🧑‍✈️ Pilot
👨‍✈️ Man Pilot
👩‍✈️ Woman Pilot
🧑‍🚀 Astronaut
👨‍🚀 Man Astronaut

Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.

Strikeout tags

FOOTNOTES!

<h1> SIZE 1 </h1>

<h5> SIZE 5</h5>

How to add images to your post:

Help With Creating HTML Tables

Basic HTML Table

Changing a Table's Border Color

Background Color for Whole Table

Background Color for Table Row

Background Color for Table Cell

Adjusting Table Cell Spacing and Cell Padding

Specifying a Table Width

Setting Column Widths

Specifying a Table's Height

Horizontally Aligning the Content Inside Tables

Vertically Aligning the Content Inside the Table Cells

Creating a Left Navigation Layout With Tables