I would like to use HTML tags on Facebook status updates. If not status, then at least messages. Does anyone have a solution for this?
Facebook gives you the opportunity to add notes to your profile page. But many people don't realize that you can also format those notes with HTML. While not every HTML tag is available in a Facebook note, there are a lot that can help you dress up your notes and make them stand out from the crowd.
Facebook Notes Have WYSIWYG
The Facebook Notes editor is WYSIWYG — “what you see is what you get”. And with that editor you can write your notes and add some features without worrying about the HTML. But if you have an HTML editor you can write your notes outside of Facebook and then just paste them in.
Once you preview your note in Facebook, most of the HTML tags will disappear, but your formatting decisions will remain. Image tags will stay as tags, so you can edit them more easily.
Format Your Facebook Note Text with These HTML Tags
Facebook notes lets you format your text in several ways:
Use the tag around text to make it bold. Write:
this text is bold
Use the tag around text to make it italic. Write:
this text is italic
Use the tag around text to make it underlined. Write:
this text is underlined
Strike out text
Use the tag around text to put a line through it (strikethrough). Write:
this text is crossed out
Use the tag around text to make it larger than the surrounding text. Write:
this text is big
Use the tag around text to make it smaller than the surrounding text. Write:
this text is small
By using these text formatting options, you can add emphasis or de-emphasize text in your note.
Links and Special Characters
Facebook lets you add links to your notes just like you would in HTML. Plus, you can add any HTML character codes you need in order to get special characters into your notes.
To add a link, type:
this text is a link
And replace the word “URL” with the URL where you want the link to go when clicked.
For special characters, simply type in the numeric or friendly code into the notes box. For example:
To get á type á
To get ñ type ñ
Some useful codes include: – and — to write en- and em-dashes (– and —), ™, ©, and ® to write trademark, copyright mark, and registered symbols (™, ©, and ®). The entire list of codes is found here: HTML Codes — Special Characters
Headlines in Facebook Notes
Just like in regular web pages, adding headlines will help organize your notes and make them easier to read. There are six levels of HTML headlines, but the most commonly used ones in notes are:
Enclose the text you want to be your heading inside one of those tags:
This is a Level 1 Headline
You should use the headlines in order, by number. So an H1 headline comes first. H2 headlines are used just below H1. And H3 headlines are used below the H2s. Don't use them to make your text bold or larger. Instead use the tags listed above to make them bold and big.
Lists on Facebook
Lists are very popular on Facebook, but many people just write the numbers or bullets manually rather than letting the HTML do the job for you. You can use both bulleted and numbered lists in Facebook notes.
For a numbered (ordered) list, write:
list item 1
list item 2
list item 3
list item 4
For a bulleted (unordered) list, write:
You Can Also Include Images in your Facebook Notes
Images add even more to your notes, but there is a trick to adding them. They have to be on Facebook. The easiest way to do this is to click on the “Add a photo” link on the Notes editing page. This will let you upload a photo or choose one from your existing albums. When you do it this way, you’ll see the following HTML added to your note:
If you don't want to worry about the HTML and have Facebook automatically create a link to your album with that photo in it, then this is a great way to go. But I don't like adding images to the Facebook notes this way because you can't move the image around easily in the document. Instead, I use HTML to add images to notes:
In another window, I open my Facebook albums and surf to the image I want to use
I then right-click on that image and choose “Copy image location”
In the Notes editing window, I add the code for an image just like I would in a normal web page:
I replace the URL with the image location I copied in step 2 and the alt text with the appropriate alt text
Then, below the image tag, I add a caption using the Facebook codes:
My caption here
Replacing “My caption here” with the caption for the photo
The HTML looks like this:
As long as you’re pointing to an image already on Facebook, your image will show up without a problem. And then if you want to move it to other places in your note, you just highlight the image and caption tag and move it to a different place.
You can use Facebook Notes, if you want to add formatting to text.
Only tags you can use in a status or post, are facebook pages and friends .
Messages/chat used to have options of bold and underline, but not anymore.
And no html tags anywhere on fb are supported.