Perhaps I am doing it wrong, but I believe an image should be here. If I took a screenshot ingame, then opened the picture in a browser, then copied the location, shouldn't it appear? Sorry for the stupidity, I am very very bad with this kind of thing. Any assistance would be welcome. EDIT: Scratch all of that, got it to work!
@Troodon80 Thanks, but I think you misunderstood me. I didn't want to color the headers I just want to know what color the standard headers have. I tried with color = sand and color = beige. Sand does nothing beige is much more white then the standard header color is.
I don't normally use colour names, but I would say it is probably close enough to NavajoWhite that you probably wouldn't be able to tell the difference at a quick glance.
I'll give a comparison between two of the closest colours I can find on the internet:
Text
Text
I think the second one is best, but I'll let you decide .
right, so how the fux do you post a pic, since i have a game breaking bug...and this tells me nothing on how to post one.
@citizenx, I don't know how proficient you are at this, so I'll give an in-depth, but concise, walk through.
If you don't already have one, you'll need an image host. ImageShack and Photobucket do well enough. PostImage also works quite well if you don't want an account. There's also Imgur and TinyPic, so there's a few to choose from.
When trying to upload, it will ask where you want to upload from and give you a typical 'open file' dialog, select the file you want to upload and click upload (or whatever the button says).
Once you have uploaded an image, you will then need to get the link to the image you have uploaded (you can't simply link to an image on your C:\ drive (well, unless you have a public IP address and well...)), which it usually gives you a few options for sharing the image after it has been uploaded. This is an example of TinyPic. Most of the time, you will want the direct link option.
Once you have the link, you need to type something like this:
<img src="your link goes here" alt="alternate text in case the image is unavailable" />
For example, your current avatar (quote to see the code):
Your avatar with a specified width and height (adding style="width: 45px; height: 45px;" to the tag):
If I make a mess of the link, or for some reason the image is no longer available, or can't load, then this is the outcome:
@Awong124, for the most part, nothing. As far as I am aware, it is purely semantic (you can read the W3C documentation here).
Certain HTML tags have been depreciated in favour of using CSS. That's not to say deprecated in that you shouldn't use them, however. <em></em> and <strong><strong> are being used for screen readers and to portray emphasis or importance as a voice should, where <i></i> and <b></b> are meant more for a presentation purpose (due to the fact that 'i' and 'b' mean italics and bold).
There's no real emphasis on words that are in italics or bold using those tags. Whereas using the <em></em> and <strong></strong> tags, there is emphasis. <i></i> doesn't always have to be italics (it should be thought of more as a span with italic text decoration), for example:
This is a button
In this case, it's an <i></i> tag that serves a different purpose than actually making the text italic. The same thing applies to the <em></em> tag but, in this case, there would should be emphasis on this if a screen reader were to read it out, even though it is not italic. (I say 'should,' because as far as I know there is no support for screen readers - at least currently.)
This is a button
The Web Standards seems to be depreciating <i></i> in favour of simply using span elements. Where <em></em> seems to be the standard for italics and accessibility/readability.
As of this time, there's no real difference between using any of these three elements. In the future, they will probably have better functionality.
This is some text This is some text This is some text
The same with these three: This is some text This is some text This is some text
Use <b> when you want the text to have a different style without contextual importance, but use <strong> when you want the text to have extra importance from a content or SEO perspective.
In other words... there's nothing different from a presentation point of view.
@Awong124, no. Common use these days is that <em> replaces <i> and <strong> replaces <b>, but for a proper usage the following examples are a 'correct' use of the tags (quote this post to see comments on the code).
Today's News In today's news, Jane Doe and John Doe both go to the park.
During John and Jane's visit to the local park--
Booooooring.
Hey! I'm trying to read the news.
Talking about Baldur's Gate: Enhanced Edition would be much more fun.
In short, from a readability aspect on a forum, you won't see any difference in the text, it's all just semantics. You would get the same results by using spans with CSS styles.
Comments
And then he said, "Blah, blah, woof, woof."
Does this work?
Yes!
h1
h2
h3
strong class="glow"font color="green"
font color="blue"
font color="gold"
Perhaps I am doing it wrong, but I believe an image should be here. If I took a screenshot ingame, then opened the picture in a browser, then copied the location, shouldn't it appear? Sorry for the stupidity, I am very very bad with this kind of thing. Any assistance would be welcome.EDIT: Scratch all of that, got it to work!
I'd like to use <.color="(header color name)">
Header 1
<h1 style="color:red;">Header 1</h1>Header 2
<h2 style="color:green;">Header 2</h2>Header 3
<h3 style="color:blue;">Header 3</h3>Header 4
<h4 style="color:purple;">Header 4</h4>Header 5
<h5 style="color:gold;">Header 5</h5>Header 6
<h6 style="color:brown;">Header 6</h6>A horizontal line to seperate my thoughts: < hr />
Now a great table! (Quote post to see code)
Thanks, but I think you misunderstood me. I didn't want to color the headers I just want to know what color the standard headers have.
I tried with color = sand and color = beige. Sand does nothing beige is much more white then the standard header color is.
<table style="width: 50%; height: 250px; padding: 5px;"> <tr> <td style="border-bottom:1px solid #FFF; border-right:1px solid #FFF; vertical-align: middle; text-align: center;"> Column 1, row 1 </td> <td style="border-bottom:1px solid #FFF; vertical-align: middle; text-align: center;"> Column 2, row 1 </td> </tr> <tr> <td style="border-right:1px solid #FFF; vertical-align: middle; text-align: center;"> Column 1, row 2 </td> <td style="vertical-align: middle; text-align: center;"> Column 2, row 2 </td> </tr> </table>@Freche, the default colour for H1-H5 is #FFE79D.
I don't normally use colour names, but I would say it is probably close enough to NavajoWhite that you probably wouldn't be able to tell the difference at a quick glance.
I'll give a comparison between two of the closest colours I can find on the internet:
Text
Text
I think the second one is best, but I'll let you decide
(That site also has a good gradient generator.)
I find it easier to just use Firebug, though
Also, example of gradient:
If you don't already have one, you'll need an image host. ImageShack and Photobucket do well enough. PostImage also works quite well if you don't want an account. There's also Imgur and TinyPic, so there's a few to choose from.
When trying to upload, it will ask where you want to upload from and give you a typical 'open file' dialog, select the file you want to upload and click upload (or whatever the button says).
Once you have uploaded an image, you will then need to get the link to the image you have uploaded (you can't simply link to an image on your C:\ drive (well, unless you have a public IP address and well...)), which it usually gives you a few options for sharing the image after it has been uploaded. This is an example of TinyPic. Most of the time, you will want the direct link option.
Once you have the link, you need to type something like this:
<img src="your link goes here" alt="alternate text in case the image is unavailable" />For example, your current avatar (quote to see the code):
Your avatar with a specified width and height (adding
style="width: 45px; height: 45px;"to the tag):If I make a mess of the link, or for some reason the image is no longer available, or can't load, then this is the outcome:
Hope that helps
Test
What is the difference between < i > and < em >?
Certain HTML tags have been depreciated in favour of using CSS. That's not to say deprecated in that you shouldn't use them, however.
<em></em>and<strong><strong>are being used for screen readers and to portray emphasis or importance as a voice should, where<i></i>and<b></b>are meant more for a presentation purpose (due to the fact that 'i' and 'b' mean italics and bold).There's no real emphasis on words that are in italics or bold using those tags. Whereas using the
<em></em>and<strong></strong>tags, there is emphasis.<i></i>doesn't always have to be italics (it should be thought of more as a span with italic text decoration), for example:This is a button
In this case, it's an
<i></i>tag that serves a different purpose than actually making the text italic. The same thing applies to the<em></em>tag but, in this case, therewouldshould be emphasis on this if a screen reader were to read it out, even though it is not italic. (I say 'should,' because as far as I know there is no support for screen readers - at least currently.)This is a button
The Web Standards seems to be depreciating
<i></i>in favour of simply using span elements. Where<em></em>seems to be the standard for italics and accessibility/readability.As of this time, there's no real difference between using any of these three elements. In the future, they will probably have better functionality.
This is some text
This is some text
This is some text
The same with these three:
This is some text
This is some text
This is some text
Here's a quote from impressivewebs.com. In other words... there's nothing different from a presentation point of view.
<em>replaces<i>and<strong>replaces<b>, but for a proper usage the following examples are a 'correct' use of the tags (quote this post to see comments on the code). In short, from a readability aspect on a forum, you won't see any difference in the text, it's all just semantics. You would get the same results by using spans with CSS styles.