Spare the other threads; post your experiments here.
Continued from 2008.3.
Patience, Please
This site is under reconstruction and will look strange for a while. We regret the inconvenience.
HTML Practice and Typographic Tricks, v. 2009.1
This entry was posted in Experiments. Bookmark the permalink.
Hello! I hope I have first post! I will now attempt to make everything on ONE WORD!!(and some exclamation points)
MuseBlog!!!!!This is not a link
Still not a link
italics
bold
bold the other way
i forget what this does
strike
codegreen but no link
linky, duh
don’t remember any other HTML from the old ‘blog right off, so….
whoops. Forgot to close my strike, I guess.
I can’t quite tell if the code did what it was supposed to….*retries*
the stuff you want in "code", aka the weird typwriter type font stuffwhat’s this do??????
ok, yeah, that worked. Apparently “cite” is the same as “em” and “i”……….
Do you watch Doctor Who? Because that avatar is the “tardis” from Doctor Who.
She does indeed! She loves it. Most MuseBloggers do, although I haven’t seen it myself.
It looks like a Porta-potty to me ( No offense intended. I know what a tardis is).
How do you do green w/out a link? What do you put in the bracketts?
I l i k e c o d e ! W h a t d o e s i t d o t o s m i l i e s ?:idea: :grin: :roll:
You don’t. The purpose of the green is to indicate a link. That is why we discourage MBers from using it, as it causes confusion.
Guess we’re not supposed to tell you. But I already did on the other thread you asked about it on…..(Smileys and Code Tricks). But GAPAs prefer it not be done. Some of us naughty MBers just do it anyways.
If you keep it to the HTML practice threads, we won’t mind too much. We understand the irresistible appeal. GAPAs like to play with HTML, too. (As you can see by looking at some of the items on the menu at the top of the page, notably What’s New and the Calendar. Still a work in progress.)
Hehe, yeah, ok, I can [probably] manage that alright. I am certainly willing to try (compromise is good, afterall
)…
Or EVIL MBers!
BOLD
italic
strikeDoes it work?
Now, for the super amazing word!!!!!!
MUSEBLOG!!!!!!!æææææææææææææææææææææææææææææææææææ
…………………………………………………………………………………
≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠â‰
ºººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººººº
¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§
∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞
¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢¢
™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™™
¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡
“““““““““““““““““““““““““““““““““““““““““““““““““
÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷÷
Whee!
hrrrrrmm
guzzzzzzeughlasfhsah!screeeeeech
Çøø¬ˆøâ„
Does this work?Yay it did.
I’ve never done many of the tricks…
8)
W) X) x) B0 b)
I don’t know what this will look like…
How do you make the HPB face and the ones that move???
HPB : idea : (w/o spaces)
Um, anyway, I think they are all listed on the smiley page, accessible from the HG2MB at the bar at the top o’ the ‘blog.
I hope it does.Yay!
! It worked! I am much better at this than I thought I would be. 
On the old blog format, the "code" text was highlighted in faint green. But on the new format, it doesn't seem to do that anymore, it just puts it in a different font. :???:On different forums that I’ve been on, “code” didn’t render any HTML inside it. I wonder if it does that here too.
TEST:
Does this work?Nope. That’s odd.
Yes, it does, but it’s very, very, hard to tell. Does this work?
Hope this works!This should be very interesting...Here’s something to add to the repertoire:
    The non-breaking space
   Change your margins
Add a    space
♥   ♥ ♥   ♥  ♥   ♥ ♥   ♥
This miracle is accomplished with (Same structure as ♥ )
You mean we can indent things? I’m doing this wrong, aren’t I? Let’s find out.
Nope, I was right. Five spaces!
Four spaces!
Three spaces!
Two spaces!
One space!
No spaces!
I’d say UR doin it right. Isn’t it the pwnage?
What? Speak English, you.
Sorry, I got carried away by my excitement. I AM the Space Queen.
For a second there I was thinking “space” as in Outer Space and was so confused. Then I got it.
Could be both.
That could be taken to mean she’s a space cadet.
Y’know, I think I may begin referring to you as that. Lady Bunniful is good, but I think the Space Queen could catch on as well.
Hmm. Think I’ve been called that before, under somewhat different circumstances… Of course, I could be styled “The Lady Bunniful, S.Q.” Which looks enough like the abbreviation for “esquire” to confuse people. Always a plus.
That would be a bit more refined, wouldn’t it?
Ahh, this is such a surreal discussion. I think insanity is coming earlier every night.
So, each one is a space? Is that correct?
*tries*
no space?
one space?
two spaces?
three?
four?
five?
Hm. I don’t suppose this is the thread for this, but I just noticed another quirk of the new MuseBlog. Under the name, it says the date and time of the post. Apparently we’re posting “in” April 26, 2009.
Although I am on task; I’m trying to figure out how many spaces it takes to line the text up with the name and date. Is it 20?
Let’s try 19 instead.
Looks like another bit of Portuguese influence. According to Google translate, “He wrote the comment on April 26th” would be “Ele escreveu o comentário em 26 abr.” “Em” also translates as “in.” Prepositions are often tricky to translate.
Indeed. Don’t change it, whatever you do.
Hey, we’re the people who preserved “cancelar.” We love quirks. Remember those question marks from the old days?
Um… I don’t know if I do, at least not without something to remind me. Or it could be something so obvious I’m not thinking of it. What’s this about question marks?
They were apparently some relic left from Robert’s removal of the URL field of the comment box that showed up next to people’s names as ?|? — though in some browsers they appeared as little boxes.
Mm, they were boxes on my computer. I miss those. â– |â–
Ah, yes, I remember that.
Yes! Yes, indeed, I do. They were question marks in little diamonds next to the names and before the date…..
Does code work in my name?
Dang, it didn’t.
but it is fun here!You know what looks really cool? Make a giant block of moving smileys, and watch them all move simultaneously.
Making massive blocks of smileys is also a good way of ending up in the spam bin. I had to fish this one out.
Ok, I’ll try some I don’t really know how to do them that well.
: cry :
: lol :
: evil :
: roll :
Did that work??? I don’t think it did.
[Try them without the spaces. –Smiley Gnome]
Oh, okay.
Hope this works!
Custom Smiley! (Roll your mouse over it)
Hope it works!
Let me try again:
[/a]
PLEASE WORK! (They are links to the Main Page)
Didn’t work on my computer.
click here and be worshipped!
Roll your mouse over this!
The smiley links didn’t work, Enceladus. Here, maybe I can fix them:
Hopefully that one works.
Wonder if this’ll work?
Yippee!
I will now replicate what spammers love to do:
Click here and be happy!!!
Ha ha, now that links to the NaNoWriMo page.
I’m sorry, but I need an update on ho to create a link. Do the GAPAs have a link to a section that can tell me??
(27) Here’s the format:
<a href=”http://url_for_the_link”>text you want linked</a>
But only link to places on this blog, please.
if you remove the a’s, can you make a link that isnt green?
Let’s try!
Hope it works!
Do these work?
BTW, I put strike, bold, and italics on them. It didn’t work.
Did those work?
Rats. What made them alternate?
You need to put two spaces between them.
Could someone remind me how to make greater than/less than signs on MuseBlog without making them disappear in posts? Is it something like >?
I guess it was. And this is less than: <.
How do you do that?
& gt ; (without the spaces) for > and & lt ; (without the spaces) for <.
Wungs
This should go to the Wungs, Part 2 thread.
Wungs
What about this? It will probably be snippedor zapped.
Poop! I was trying to underline the text, but I guess it didn’t work. I was also trying to strike stuff in my name.
I don’t hink you c an do HTML in your name, but that would be cool.
This looks really cool when you mouse over it.
████████████
That’s weird. Usually the green text turns blue when you mouse over it. Does it have to do with the new blog format? Or is it just my computer?
This is weird and won’t work if you sing like a camel.Does this work? 8 o
8) 
8o
My real name is Cara. Does this work?Ducky, U know that I know what your name is! CC! haha and I’m JT I guess!
8 O Does this work?
Yes! I finally did the
thing right!
Hey! How do you underline stuff? I never knew you could do that!
You can cross out smileys?
Didn’t work. Let me try again:
And for good measure:
Gah! *headdesk* How do you do it, DuckyFlute Player!
Here’s a llama, there’s a llama –
Pie is yummy! –
YOU are yummy! –
I know. –
*eats* Ach, tastes like dirt. –
SFTDP
That should be relocated to the SSSS thread.
Horray! –
41- I don’t think you can.
No, you can’t cross out smileys. but you can draw a line between them.
Hi Ducky!
did it work?
Yes it did! Yay!
How do you post a picture? I can’t do it
You can’t. You have to send it to us.
Bother. How do I do that?
And I meant post it in a comment
How do you draw a line between smilies? And how come some topics can only be found by looking at the recent comments? I’m always coming in late and confused.
Oh, I have one. If you have a Mac, go to the bar that says ‘Safari’ or ‘Firefox’ or whatever Internet browser you use. Click on ‘Edit’, go to ‘Special Characters’, and voliá! Special Characters.
ⓚⓘⓖâ“___827♬♪♩
(thanks to BellaTrix on the Chaterbox for this)
Kigs, she goes as Trixy now, so you know.
does this work?
How about this? 8ODucky, wow! how’d you do that?
[code]Whatever you want to say[/code] But use angle brackets. For the green text, you say, [a]....[/a]...BUT DON'T DO IT! It angers the GAPAs very much.Whatever you want to sayBut use angle brackets. For the green text, you say, ….…BUT DON’T DO IT! It angers the GAPAs very much.Cool!52 – yeah, I know. It’ll take me a while to get used to it, though.
So cool, Silver Lining! We have that on another site I’m on. BBCode or something like that, is it?
(code) Wow! (code)
Er, that didn’t work.
Like this? Kigs, it's the lesser than greater than signs if it works here!Awesome!it worked! Sorry for the double post.For the green text, put an a in between two of thse. For the
funny looking text, put the word code between those things. Mwahaha! We all live in a yelow sbmarine............... :DWait. It did’nt show the things. Why did’nt it show the > Will it show them now?
Mwahaha!
I made a list of all the HTML on the Smileys and Code Tricks page. It’s post 16. Just make sure you don’t practice it on that page–come back here to test stuff.
To make angle brackets appear in posts without disappearing, write & lt ; for < and & gt ; for >, but without the spaces.
you mean like this?
< >
hismile, Piggy!What?
*Click*
Pictured!
Does this work?green? or not? did it work?
Fireandhemlock1196/Jenni, I’m on at the same time as you!
How about this? 8O :evil: :lol: :D :)No, sorry, unless you're still here, I left straight after that post I think.SFTDP I guess I am on at the same time as Ducky! Hi, Ducky! Wait, you revealed my real name! Grr! At the least you could simply call me J?On my computer, the smileys look crossed out.
BUNNIES BUNNIES BUNNIES
BUNNIES BUNNIES BUNNIESMR. JOE
MR. JOE?????????
Does this work? ☺Oh, wow. ♥ ♦ ◘•○♠♣☻♦
I
am very silly!Okay, I hope this works!its not working!
◙♪♫☼►◄↕
where does it say how to cross out/ italicise/ stuff like that?
Here.
./)_/)
.O.o\_
… ___)
…/
../
Llama head? Maybe giraffe.
I have been bored.
Meheheh…
What the?
Oh my GOSH, SudoRandom. You are soooo immature.
Hahaha!
We probably shouldn’t confuse the GAPAs, though….
And… right back atcha! *cracks up* We are such nerds.
Just to show SudoRandom that we aren’t picking on him.
See, you didn’t get snipped after all!
*posts randomly to test SudoRandom’s theory*Confused yet?
*brain implodes*
My hobby: indulging MuseBloggers.
You should never have let us have that Kokon. We are now plotting the destruction of… something… through Gmail chat.
Teeheehee…
Hahaha…
a new aspect to mostly harmless…
*is slightly obnoxious*
Are people impersonating each other, or what?
Yeah. I’m being MissSwann right now. See my avatar?
Uh… let’s just say we all got each other’s emails from the Kokon. It’s only me, Armada and SudoRandom, though.
Don’t worry, GAPAs. It’ll be perfectly fine….
Are you okay, Lady Bunniful?
Her brain just imploded. Do you think she’d be out country dancing after that?
Contra-dancing, maybe.
SFTDP
Smiley links!!
*hopes they work*
haha!HAHA!
hehe?
yay!did it work?
Mostly Harmless on an EPIC level…
SudoRandom, I hate you.
Just kidding.
HEY!
uh, what’s going on here? people are impersonating each other and Lady B’s brain imploded?
Yeah. Guess who I really am….
Not again, SudoRandom.
Just so you know, “RoseQuartz” was SudoRandom, and “SudoRandom” was me. SudoRandom says “I won’t do it again, I
swearpromiseThink.”I say I won’t do it again unless he does it again.
I am a meanie.
Stop that! SudoRandom, it’s getting obnoxious. Hacker.
OK, he did it again.
No, that was me. Don’t worry.
No, It was me!
‘Armarda’?
Whoops.
haha
I can’t keep track of this! Let’s all keep our own names.
Good idea. Though the avatar confusion is fun.
Hmmm. I don’t think so, SudoRandom.
No! I SWEAR! I DIDN”T POST THAT! I POSTED 102.1.1! I SWEAR!!! AAAAAAAAAAAA!!!
Yeah, I just realized the problem with all of this.
JUST realized?
so, what’s the prob?
People are not who they seem. Seemingly.
uh, ok? lol!
No!!!!! That was really me!
(95, 96, et al.) Fortunately, I always keep a spare on hand for just such emergencies. GAPAs have learned a thing or two over the years.
I was wondering why the moderation was so fast despite the brainless GAPAs.
Sorry about that. It’s a plot to take over MB.
How? You can’t make your names green and impersonate GAPAs. I’ve tried. And even if you could, you wouldn’t have access to the MB administrative passwords.
Ask SudoRandom. I’m leaving.
Mostly orchestrated by a certain person. Who doesn’t happen to be me.
Are you REALLY RQ?
Yes.
how do we know?
I was thinking that too.
i mean, really! are you ABLOLUTELY SURE that everybody here is posting under the right names?
We don’t….not anymore.
AAHH!!! This is getting too confusing! How about we all promise never to do this anywhere but this thread?
haha yes please!
ok, this is getting scary……….
(104) Is it really worth doing? Honestly, I don’t think anybody else here is likely to work harder or do a better job than we do. As intellectual exercises go, I’m sure you can find more productive ones than a blog takeover.
I’m extremely confused. Especially by 102-102.1.2.1.
Meh. It’s fun.
OK. I posted 85, 87, 88, 90, 91.2, 93, 94.2, 99.1, 100.1.1, 101, 101.1.1, 102, 102.1.2, 102.1.2.1.1.1, 104, 104.1.1, 104.2, 104.3.1, and whatever comment number this is.
This was all SudoRandom’s fault.
*is suspicious* Are you REALLY RQ?
Yes. SudoRandom is at dinner. Presumably.
No, I’m not.
gimme proof that you are whom you claim to be!!!
I think RQ is RQ. (Randomness- My computer says it’s 6:42 PM. I wonder what MB says the time is?)
I considered changing my name to “SnowflakePrincess95” at one point. Before SudoRandom got here.
There is such a thing as reading old threads, you know. But I know you’re really RQ.
Yes, but Beavo was an online stalker spy before I got here too, and nobody told me about that.
No, it wasn’t! I would have thought of it eventually.
Yeah, I probably would too.
I don’t know anything about what is going on.
This is fun!
8) 
TTTTOOOOOOOOOOMMMMMMMAAAAAAAATTTTOOOOOOOOOEEEEEEEEEESSSSSSSSSSS!hey Ducky, Egiap is here!
Umm… Spelling someone’s name backwards doesn’t make it a secret, if that was what you were doing.
109.2- Pleas please P*EAZE let it be my fault!
I agree that this should be constrained to HTML, at least.
no, that’s not what I was doing. It’s what I call her.
You WANT it to be your fault.
You have a strange, twisted mind, SudoRandom.
Of course I do. I’m talking to you, aren’t I?
Ha, ha. Even better than the brain-implosion one.
Er. I don’t know what to say to that…
Tomatoes?
Okay, I posted 86, 89, 91.1, 94.1, 100.1, 102.1, 102.1.1.1, 102.1.1.1.1.1, 102.1.1.1.2.1.1, 102.1.2.2, 104.3.1.1.2, and 109.2. Really.
honest?
Yeah, honest. Things have already gotten confusing enough, I don’t want to make them more so.
ok, then. I b’leeve ya!
Yeah, I don’t know anymore. Actually, that’s not true. I’m lazy. Maybe later.
What does this do?
She’s a vertebrate and she’s ok, she works all night and she blogs all day!
Umm… my link isn’t working. Help, Linkifying gnome?
I’m flattered that you like my kittycat avatar, SudoRandom, but why don’t you just use your Gmail one?
Happy now?
It’s very confusing.
I’m confused. why does the rollover only show “What, and why is it called “Abbreviated”?
♥
OK, GAPAs, you can zap me if you want. Enceladus just made me EXTREMELY curious…
Huh? What did I do?
She’s using the email gapa @ musefanpage.com. I know because I tried it myself.
[Spaces added in email address in probably hopeless attempt to fend off robotic spamming — Rosanne]
Woah, that’s a strange avatar.
Sorry, Beavo.
Testing…
Testing… 
Testing… 
It appears that we no longer have to put two spaces after smileys. Interesting.
Ugh, why can’t MBers post images? Can we post links to images?
Apparently not. ;C WHAT ABOUT IMAGE URLS?
OHOHO. Ha. x3 (Sorry if that’s not allowed. xD IIt just shows my photobucket, and it’s private anyway)
Why can’t we put returns between things? >_>
OH OH OH. If photobucket links are not allowed, what about tinypic links? I believe tinypic is completely anonymous, it doesn’t say who uploaded the image, and it’s not like linking to a whole website, moderators can check the one image to see if it’s appropriate. ;3 Sorry if I’m being a bother by asking this, I just want to be able to post images without emailing a GAPA.
For help, click here.
For help, click here.
|———- |
| BAD |
|______| () <(Well, thats not a good sign.)
| /|\
___|___ __ / \______
dang! didnt work
I don’t understand how to indent. Could someone explain?
There’s really no easy way to indent, but if you type “& nbsp ;” without the spaces, it’ll make a non-breaking space, which you can put at the beginning of the line. It’s only as wide as, say, hitting the spacebar, so you’ll have to put numerous ones, but you can’t just hit the spacebar at the beginning of the line.
For example:
“& nbsp ;& nbsp ;& nbsp ;& nbsp ;& nbsp ;This will be indented five spaces”
will effect:
” This will be indented five spaces”
Thank you.
SFTDP
Why is it that the mouseovers have to be seperated by _ s instead of by spaces?
Answer in mouseover.
No, you’ve got it right. As soon as I add a space the rest of the words disappear!
Maybe it only happens for you?
SFTDP. The mouseover worked, but the link got messed up.
TESTING TESTING 123
It appears to have worked.
SFTDP, but I’ve never figured out how to make a link.
Go here to learn how to do everything, but make sure you test everything out on this thread, not on that page.
Unfortunately, I am unable to figure out what all that means.
Hot pink!
*hopes*
It didn’t show up in the preview, but it could work…
Colored text (save the green-text trick) is not possible on MB; neither is changing the size of the font.
Testing.
-A
Hmmm… they’re all supposed to be on a new line…
Wow, cool!: Text to be linked
Text to abbreviate: Text to abbreviate
Text to be made into an acronym: Text to be made into an acronym
That’s fun!: Text to be bolded
:
Text to be put into a blockquote
Cool!: Text to be put into codeI always wondered how you did that strike thingie.: Text to be strickenI sort of copies and pasted it from Piggy’s thing.
Will it work?
Well, it did a little…
Fun! Clicky Fun Fun!
Ble is fun!
This is an acronym
õ
Ë
ϧ
ȣ
è
Ŗ
Ā
̓
He, he.
Doth this work?
Is this cantonese?
No.
Yesss!
[a hrefhttp//www.musefanpage.com/blog?page_id=1824]:idea:! Your link to some thread[/a]
[ahrefhttp//www.musefanpage.com/blog?page_id=1824]:idea:! Your link to some thread[/a]
[ahrefhttp//www.musefanpage.com/blog?page_id=1824]:i Your link to some thread[/a]
[ahref’http//www.musefanpage.com/blog?page_id=1824]’:i Your link to some thread[/a]
[ahref’http//www.musefanpage.com/blog?page_id=1824′]:i Your link to some thread[/a]
Rats!
Catkopelli: If you are trying to link, try this:
<a href=”URL of page you want to link”> The words you want to be linkified </a>
So, unless I forgot my HTML: The most flamablamablous April Fool’s ever
CATKOPELLI. It is EXTREMELY annoying when you post something SEVEN times. Please do not do it again.
RQ, the rules are a bit different on the HTML thread. Multiple posts aren’t really frowned upon here. True, Catkopelli could have used the “preview” button, but I don’t think it’s too much of a problem.
hmmm
test
that probably didn’t work
testing, testingwoo, it worked!
Teehee. I have discovered Japanese.
ã ã„ã™ã
Kudos to anyone who knows what that means. It’s one of my few words of Japanese.
Daisuki. What that means, I have no idea.
Yes, daisuki. That is MOCHI!!!! *glomps* I think. Am I right? I could have asked my mom, but I didn’t.
SFTDP, but as soon as I posted I realized that mochi is daifuku, I think. And daisuki is……rice? I’m not sure. But I do recocgnise the word.
Heheh. It is daisuki, but that actually means “love…” XD *learned that from D.N.Angel*
I was just going to say that. I asked me mum. I cheated. Hehe
What happens when I do a blank post?
Doh. Error message.
Wait… angle bracket a angle bracket just colours the text green? It doesn’t turn blue when you roll over it anymore? D:
THIS IS AN OUTRAGE
ï¼will this be xed outï¼
｜or this｜
ï¼¼maybe thisï¼¼
aï¼yahhh
mas0n, “xed out” is like this:[strike]whatever you want to say[/strike] But instead of using [ ]s, use Angle brackets. (> and <)
(strike) hi (/strike)
Try again:
<strike>This will be stricken.</strike>
How’d you do that without striking the text?
If you type & lt ; without the spaces, it’ll give you a < without counting it as HTML. To get a >, you can type & gt ; (without the spaces).
I’m just trying to see if my avatar works.
You could just see if it shows up on your old posts. Sometimes gravatars take a while to appear, though I can see yours.
Unfortunately, that’s not the avatar I want.
Yay! Weirdness! ☺☻♥♦♣♠•◘○* ☼Weirdness is indeed very awesome.
By the way, if you have a PC, you can go into the Start menu and type ‘character map’ to get umlauets, smileys, and more.
Or you could use alt codes.
YES IT WORKED! Like it?
Question: You know how whenever you put stuff between angle brackets, it disappears? How do you keep that from happening?
< & l t ;
> & g t ;
<Thanks. Now I feel like someone from Animorphs.
Remember that mysterious wung that showed up on this month’s neophyte thread? That can only be seen in Firefox? I copied it from Firefox and pasted it right… There:–>
I’m not seeing anything, but do users of Firefox?
It seems to be a wung that can be seen (or maybe only exists) in certain dimensions of the internet. Namely, Firefox. How strange.>
I’m using Firefox, and I see the wung as the box containing binary numerals.
It doesn’t show up in Chrome, but I can see it perfectly in Opera–a sort of upside-down cross, but the vertical bar is slightly right of center. How very odd.
Yes, it’s completely invisible in Chrome, even on the editing page. In IE8 it’s just a plain box. I get the same as Robert in Firefox.
It shows up in IE7, at least for me. So it definitely shows up in that and in Opera. What version of Firefox are you using, SR? (I have 3.5, where it’s the little box with binary in it.)
Hm. Not only does it only exist in certain places, but it has a different body for each dimension it inhabits! Curiouser and curiouser!!
We’ve long suspected something of the sort might be the case with wungs. See Robert’s comment and ensuing discussion from June 2008.
POSOC (formerly known as Prarilius Canix) did much of the pioneering research in this field. See his translation of an important message on the original Wungs thread. You can search the page for the word “dimension” for other relevant comments.
Actually, it also shows up in IE8, as a sort of cross thing. How do you make it? And what’s a wung?
I went into into Firefox out of curiosity and it isn’t there. Also, the “Name” and “Email” boxes are yellow in Firefox and white in IE8. Plus, in Firefox there’s a spell check thing but not in IE8.
How did you make it blank?
He disappeared! Whoa! I wanna turn invisible!
*hinthinthint*
Cha! Got it!
Just put something between angle brackets.
[hi]
{hi}
\hi/
Angle brackets are greater than and less than signs– shift+comma, shift+period.
They’re these: < >
It’s a link-the previous one didn’t work quite right.
Dang. Can’t put angle brackets around my name and make it disappear.
Pseudonym disguised as Keiffer is testing.
Keiffer now, testing has ended. Status of test so far: failure.
Woah.
That was awesome.
There is another way to do it.
Yay!!!I learned how to strike.w00t!
My friend Kate here wants to see the little “bloopy” things, as she calls them (aka smilies.) So, here goes:
SFTDP
And
How do you create a link that’s named “this thread” or “so-and-so thread”?
I-Man: That bit of blog lore is revealed (among other places) here:
https://musefanpage.com/blog/?p=388#comment-43273
Please link to a specific comment….
*coughSublteHintcough*
*coughAnotherSublteHintcough*
*coughYetAnotherSublteHintcough*
*coughNotASublteHintcough*
Just For The Heck Of It
Whee!!! Linky fun!
Hey, it’s the Practice Thread I’m practicing my HTML!
*gives SudoRandom high-five*
Bluefire- Oh, yes. *high fives back* 8)
Enc- I get the last one, but what’s up with the first two?
How do you underline text?
You can’t.
Really? Darn.
Well, you can abbreviate text… It takes a while to type, though, and makes a rollover. The HTML is <abbr title=”whatever you want to say in the rollover”>whatever you want underlined</abbr>
I don’t know if the GAPAs have problems with us using this, or not.
Does anyone know why it’s called “abbreviating”?
How does one create a link to a specific comment?
I never knew you could linkoy smilies… also, the yellow box is cool!!
Grr! I keep getting eaten by the spam filter! Or, rather, my posts. I don’t think getting eaten by a spam filter would be a particularly pleasant experience.
Ha! *imagines getting eaten by spam filter*
*shouts “NOOOO!” as spam filter tears clothes off before sending me down a spiraling hot-pink whirlpool*
This thread won’t be very populated now that we have the Preview button.
SSSS in yellow-box form!
Hmmm does this work???How about this???Bunny:
(\_/)
(0.o)
(“)(“)
Kitty:
…/\_/\
=(O.O)=
..(“)(“)
Hamster:
.n_n
(o.o)
..” “
I have Bunny as my signature! Only it looks like this:
(\__/)
(=’.’=)
(‘)_(‘)*
My bunny looks more like this:
(\ /)
(o.o)
(><)
/_|_\
A man looking over a wall:
__m__oLo__m__
DX DX DX DX DX DX DX DX DX
Mad cyclopsi! Yay!
(Ahem, “cyclopsi” is as of now a word.)
What does this do? 221; ‘Twas on the recent comments bar….
And now for something completely different!
Where was that supposed to go? I got page that said this:
Not Found
The requested URL /blog/www.musefanpage.com/blog/ was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.
198- It’s part of an HTML code for a quotation mark. It’s just a bug in the software that causes it to sometimes not show up in the RC bar.
199- A man with a tape recorder up his brother’s nose.
And now, in stereo.
Click, if you dare.
?
Question: How do I link to a specific comment? I’ve heard that you’re supposed to hover your mouse over the reply button and something pops up with the url, but that doesn’t work for me.
I forgot my HTML
*wonders*
Is it possible to strike out
ï¼lã€
（゜〠。 7 　
　l〠~ヽ “Mew!â€*
　ã˜ã—f_, )ノ
Aw…. look at da kitty!
Did that work? I hope it did.
SFTDP!
This thread doesn’t need SFTDPs.
Original text: I’m going to try replying to a post that doesn’t exist and see what happens. GAPAs, zap this post.
Don’t zap this one, though!
Ooh, interesting! It replied to the previous post! Now I’m going to try replying to a non-nestie post and see what happens.
GAPAs, you know the drill.
How about this?
Test of my name.
I tried striking it. It didn’t work. Now, let’s try italicizing.
It’s already italicized. *facepalm* Okay, how about bold…or is it already bolded? Never mind! This is too confusing!
You can’t do HTML in your name. Sorry.
But I thought you could turn it upside down. How do you do that?
Google “flip text”.
This is how you make text appear upside down: Google “flip text”, like Piggy said, and click on the first link or “I’m Feeling Lucky”. A program will appear where you can flip text. You CAN copy and paste. To flip flipped text, copy and paste the flipped text into the program.
And flipped:
˙ɯÉɹboɹd Çɥʇ oʇuı ʇxÇʇ pÇddıןɟ Çɥʇ ÇʇsÉd puÉ ÊŽdoÉ” ‘ʇxÇʇ pÇddıןɟ dıןɟ oʇ Ë™ÇʇsÉd puÉ ÊŽdoÉ” uÉÉ” noÊŽ ˙ʇxÇʇ dıןɟ uÉÉ” noÊŽ ÇɹÇÉ¥Ê É¹ÉÇddÉ ×Ÿ×ŸÄ±Ê É¯Éɹboɹd É Ë™”ʎʞɔnן buıןÇÇÉŸ ɯ,ı” ɹo Êžuıן ʇsɹıɟ Çɥʇ uo ʞɔıןɔ puÉ ‘pıÉs ÊŽbbıd Çʞıן ‘”ʇxÇʇ dıןɟ” Çןboob :uÊop Çpısdn ɹÉÇddÉ Ê‡xÇʇ ÇÊžÉɯ noÊŽ ÊoÉ¥ sı sıɥʇ
My bad. You can’t unflip flipped text.
Â¥200
)~(¡ £å®†|-| | ¡|\|^g*º ssss
SFTDP.
Hm. GAPAs, how does one link to a specific comment???
This is what the link to your comment looks like: https://musefanpage.com/blog/?p=2014#comment-384823
To get the comment number, mouse over the reply button and look for the information at the bottom of your browser. (Some browsers have a permanent status line, others have a pop up. Alternatively, you can right-click and choose “inspect element” or whatever your browser allows for viewing HTML information.
This should reply to 217…
Hm. It seems to send me to the bottom reply of the comment I’m trying to link to.
I think you’re linking to the reply box.
testing
Ë™sddÉ qÇÊ ÇʇıɹoÊŒÉÉŸ ʎɯ ÉŸo Çuo uÇÇq sÊŽÉÊ×ŸÉ sÉÉ¥ sıɥʇ Ë™pÇÇpuı
Anyway, I would like to introduce Castle’s HTML guide. It should cover most anything HTML (for this blog, anyway).
.:Castle's Guide to HTML and Blog-o-Tricks:.Intro:
A basic start on what you can do to make your words look funny.
1.0 — HTMWhat?
2.0 — Text effects
2.1 — Bold, Code and Italics
2.2 — How am I showing my brackets?
3.0 — Links, mouseover text and green stuff
So here we go!
1.0 —- HTMWhat?
What be HTML? I’ll tell you what it be. It be HyperText Markup Language. Basically, it takes text (in this language, HyperText) and marks it up. Its like painting a wall, pouring paint solvent over a little bit of it and painting the patch orange. It allows you to make your words do cool stuff…as if Times New Roman wasn’t cool enough already.
I will show you, in this guide, how to do the more simple effects, and then one or two of the more advanced/kind of simple commands WordPress allows.
2.0 —- Text effects
Now, on to the cool stuff. With this particular brand of cool stuff, you’ll be able to tun text into
typewriter, BOLD, Italics and green. Now, hover your mouse over the green.Brackets:
Brackets are what is used to signify to the computer that you now want to do funky code tricks. We use angle brackes – not ( ) or [ ] or even { }. We use < and >. Yes, the greater than/less than signs. now, let’s start with bold.
Here’s what you do: Take your angle bracket < . Now, write a lowercase letter b. Then close the phrase with . It should now look like this <b> . Now you simply write the text you want outside of the closing bracket > . Now that you’ve written your phrase, you can end it by typing </ > . The slash tells the computer to stop using that HTML. Your whole phrase should look like this:
<b>Write anything here.</b> .
Now, my phrase did not show up in bold – I’ll tell you why later. All you need to know is that when you post, the text will be bold. And that the b means ‘bold’.
Italics – the same as bold – just enclose the letter ‘i’ (italics, obviously) between < and > . Then write your text and finish with a </i> .
Starting the phrase <i> blablabla </i> ending the phrase.
Last of all, we have
code. Same drill!The command (the thing we put between the brackets) is, quite simply, code.
<code> herp-a-derp </code> .
2.2 —- How am I showing my brackets?
Conveniently, when one types < and > , the brackets and the command line disappear in the final post. This makes it hard to demonstrate. Now, how am I doing it? More HTML! Here’s what I do:
I have my first bracket <. I type that, then a command, then a closer.
Then I type my words, and then my second set of < . HOWEVER:
When I type my second set of <, I do this:
<i</html> –ok, see that? watch on this side —â–º </i</html>>
I type </html> BEFORE I CLOSE THE PHRASE. Then I close both with a double >>. ^Up there, I used another one. so to show you a phrase using that </html>, I used another one! Observe:
<i</html> look that way — â–º </i</html</html>>>
I used a FOURTH set! Right over……………………………….^ there. I did another one to show you those three! So to show the fourth one, I would have to write a FIFTH one. Nuts, huh? Anyway, in closing (teehee) you DO NOT need to do this to make your HTML work. All this does is make your HTML visible in preview and final post.
3.0 — Links, mouseover text and green stuff
Now, on to links.
Here is the string:
<a href="" title=""> the words to be linkified go here </a>
See —–^—- these ” “? Your URL goes here. That makes the green words GO somewhere. The ” ” next to ‘title’ is where youput your mouseover text. That means if you hover your mouse over the text in the phrase, the words you write will pop up. Like this:
<a href="http://www.xkcd.com" title="see?"> linkified </a>
linkified
Voila!
Now, to make your text green without linking, do this:
<a> this will be green. </a>
SEE!? GREEEEN!
Green and mouseover =
<a="" title="blablabla">heehee</a>
Hover here
Mouseover only:
You can’t on the MB (yet). I’m working on a code workaround for it.
That’s the end – have fun!
HOLY FANGCAKES! YOU USED IGGY”S NAME I VAIN! *gasp*
I Believe in Nargles.
My cat drives me SKY GODDESS!
Percy, the kid that forget his insult talent.
THAT WAS TO PROVE I CAN BE A MULTI-FANGIRL!
Angel will now force you and your Ka to listen to wizard rock, because the Fates said it be so.
THE ABOVE WAS A MUTI-FANGIRL SENTENCE!
does anything bad happen if I do this:
Cool! My name is flipped!
This is a test.
Meh, didn’t look like I hoped it would.
Click me NOW!!!!!!!!
Click
This sentence will consist of every single HTML <i>text trick</i>
known onMuseBlog!☺☻♥♦♣♠•◘○▀â–■╩Θ┼x┤┘îduu♠╜ÖML↨ ♀§σXT├q☻ô■mXI╞±Aâ–
And by the way, I’d like to amend my last post – the HTML guide. “Code workaround” sounds so professional. That’s not what I meant at all. More along the lines of ‘another way to accomplish said task’.
¡ƃuoɹM
¿sʞɹoʍ ʃʃıʇs sıɥ⊥
˙ɥƃnoɥʇ 'ʇɐɥʇ ǝʞıʃ sʎɐʍʃɐ sɐʍ ʇı ssǝnƃ I ˙ɐpuıʞ 'ʃʃǝM
hello
hello
hellowhatwillthisdn̵ 7;o
Museblog*attempts to bold, italicize, and cross out all at once*
This is Italicized, and this is not.
œˆ∫´∆˚ƒåß…˜ƒ˜ø´ˆ∑˜ƒø˜Ω≈µç˜µç≤≥僵´ƒπœø∆´ƒ˚∫∆
How do you strike or italicize or bold?
Like this?
Like this?
Like this?
Like this?
Cake.
Hello. I am testing.
Thank you Castle, I found your guide extremely helpful.
However, it does not cover slashing your text.
Just do what you do for italics, but put <strike> and </strike> instead of <i> and </i>.
Hmm, let’s see. I saw this on an old thread but I doubt it works.
What was it supposed to be?
I’m not sure.
I wonder if it’ll switch my text back to normal if I put a close-tag at the end of this sentence.
It doesn’t appear to do so in the preview. Pity.
In the meantime, have some alternating colored letters.
Snowman
Yay, alienating everyone else.
I’m trying to teach my five-year-old sister the concept of HTML.&hearts
¿ʞɹoÊ sıɥʇ sÇop ÊoÉ¥ ˙˙˙ɯɯɯɥ
Woah! How did you do that?
Nevermind, sorry.
I just saw Bluefire’s post.
Hey, does this work?I’m going to use this dead thread to practice emoticons.
Happy: (^u^)
Sad: (; n
Annoyed: (>_<)
Wink: (^u~)
Flipping tables: (/'D')/ ~ _I__I_
Listening to music: d(^u^)b
GAPAs, since this thread is all but dead, I had an idea for neophytes or non-educated potential HTMLers.
If I rewrote my guide to be a little more recent and mature-me-sounding (I was 12 when I wrote that first one) and posted it, would you consider sticking the whole thing in the HG2MB/Smiley stuff page?
Just an idea, since no one really knows where this thread is any more. I suppose you could just put it in a new “Don’t forget these threads” post.
Certainly.
I’ll get to work on that.
Does marquee work on the blog? Just figured I should know so I can mention what works and what doesn’t in the guide.
MARQUEE TEST
FLASH TEST
S i Z e T e S t
Castle’s Guide to HTML and Blog-o-Tricks, Mk. II
1.0 — HTML, what does it do?
2.0 — List of things to do and how to do them
3.0 — Less important but equally impressive
4.0 — Cool things you can’t do here but are handy
5.0 — How I wrote this
So here we go! Enjoy.
_______________________________________________________
1.0 — HTML, what does it do?
HTML – noun:
HyperText Markup language: a set of standards, a variety of SGML, used to tag the elements of a hypertext document. It is the standard protocol for formatting and displaying documents on the World Wide Web.
In English, it’s some handy-dandy little snippets of basic code you put in front of words to make them look different. In Geek, it’s the code you use to build websites. In Swedish, jag älskar min flickvän.
———————————————————————————————–
2.0 — List of things to do and how to do them
Now that you know what it does, how does it work? Well, it’s actually very simple. You’re familiar with the greater than/less than signs, correct? < and >? Yes. Those. Well, imagine that placing a pair of those before and after a word, sentence, phrase or other block of text (just the way they appear, pointing away from each other) told the webpage that you’re changing the text between them. Let’s try it.
<>test words<>
Huh. Nothing…well, there’s an easy fix for this. Just the brackets alone won’t do anything. The webpage knows it’s dealing with what’s called a “tag”, but it’s an empty tag. There’s no command enclosed in the brackets, therefore nothing will happen. You need to insert a command between the < and > on either end of the text you’re altering. These commands can be as simple as a single letter or as complicated as a mess of quotation marks, equals signs and words. We’re going to try a very obvious one first. If you were to give yourself a single letter to represent the command “bold” what would it be? Yep! “B” or “b”. It’s that easy. In fact, a good deal of the more simple HTML IS that simple. Before you try it, there’s one more thing you should know. If you type this:
<b>test words<b>
Do you know what will happen? Everything you type after the first <b> will be emboldened. And it won’t stop. But there’s a easy (and very necessary) way to stop the effect and contain it to the word or words you want it to affect. All you have to do is type a / before the second “b”. That / is HTML for “YOU SHALL NOT PASS”. So, a functional set of tags enclosing a phrase or word looks like this:
<b>hotpinkbunnies
Notice that slash. Without that slash, what you’re reading right now would be bold too. You might be wondering why my bold isn’t working – it’s because I’m typing the brackets a certain way. The way I’m typing them (I’ll teach you later) does not work in HTML, and so when I type the brackets that way, two things DO NOT happen; the HTML doesn’t affect the text between the tags, and the tags do not disappear. When you click the “preview” or “post” button, the HTML changes the text and the tags disappear to make the page look more tidy. When you type it, it will work, and the tags will disapparate magically. It will look like this:
hotpinkbunnies
That is all. That’s how mostly easy learning HTML is. Now, here’s the hard part: memorizing all the tags. I have made a list of all the tags that work on Museblog – well, most of them. There are some that I’ll tell you aboutlater that do dangerous, evil things. Remember, to use these, all you have to do is substitute the word or letter provided for the “b” used in the examples above.
codeb
i or e
strike———————————————————————————————–
3.0 — Less important but equally impressive
There are three more things I can teach you, youngling. The first is linkification. The art of linkifying things. Let’s say I wanted to link you to xkcd (a webcomic). I’m going to link to the one of a small boy floating in a barrel, just for the record. Here is the tag:
<a href=”http://www.xkcd.com/1/”> this will be linked </a>
In the end, it will look like this:
this will be linked
And if you click it, you will be brought to the very first xkcd.
–
The second thing is mouseover text. Mouseover text (or alt-text) is a little bubble with words in it that appears when you hover your mouse over an image or text that is tagged correctly. The tag is as follows:
<a title=”words that will pop up”>hover over this</a>
And it will come out like this:
hover over this
For whatever reason, I have not yet found a way to make mouseover text that is not green, though it defeats the purpose. Greentext begs to be hovered over, standard black does not. The GAPAs are not big fans of the next thing I’m going to show you (greentext) or of mouseover-only-no-link text, as greentext signifies links. However, you can use it on very special occasions as links are underlined and greentext and mouseover are not, meaning that you can tell the difference just by looking.
–
Greentext: the command is “a”. Just that. That is all.
———————————————————————————————–
4.0 — Cool things you can’t do here but are handy
The tags and effects are as follows. Note that these commands cannot be done on Museblog, but work on many sites and on your own website/blog/forum.
marquee – the enclosed text slides across the screen and repeats.
h1 h2 h3 h4 and h5 – for text sizes. 1 is the largest, 5 (or 6, I’ve forgotten) the smallest.
flash – self descriptive.
———————————————————————————————–
5.0 — How I wrote this
I substituted the angle brackets for these: < and > . When posted with a ; on the end of each (###;) they form brackets – these. < and >. Normally, when you enclose anything in those brackets, the text between them is automatically erased when you post. The website assumes that whatever is between them is a tag and hides them regardless of whether they actually have any effect. So for demonstration purposes, use < and > (that’s a lowercase L in the first one, not a capital i – they look similar: I and l) with a semicolon on the end – like this:
<[semicolon] >[semicolon]
———————————————————————————————–
Well, I hope you found this helpful! Have fun doing things with your text. And for sticking around this long, here’s a tip: hit “preview” to test your HTML before you post. You’ll figure it out if you haven’t already, but it’s still a nifty little pointer for beginners.
- CastleI have two new things to say regarding HTML: firstly, the Guide Mk. II is out, and ready for sticking in the Smiley page.
Secondly, I figured out how to make mouseover text without making it clickable. It’s still green, but there’s no underline and you can’t click. It’s in the Guide, but here it is again:
<a title=”textgoeshere”>hover over me</a>
Which comes out as:
hover over me
.
Oh, and another thing – there’s two spelling errors in the Guide. I misspelled “semicolon” as “semicolan” twice at the very, very end. If the GAPAs fixed it it would be wonderful and my twitching at ease.
– Castle
[That’s what Typo Gnomes are for. You may now cease twitching.]
I noticed another thing. This:
<b>hotpinkbunnies
Needs to be this:
<b>hotpinkbunnies</b>
Which can also be accomplished by typing <b</html>>hotpinkbunnies</b</html>>
This is a test.
So this is from the Muser Profiles thing; I’m trying to figure out how this works…Hrm, apparently not?…
Cakeit.
You could try this.
Of course, it could have been fixed.
Don’t look at me. I’m always italicized.
I’ve always wondered if you have to do that manually or if WordPress does it for you. I use Blogger, so I’ve never checked.
I’ve been waiting, watching, to pounce the moment one of you forgot that little >.
You mean forget to end the italics? WordPress used to let that happen, but it’s been supplying them automatically for several years now. (We have to remember to start them, though.)
At least, I think it does.</em
Yep.
I meant starting them. I’ve never seen you slip. It must just become a habit after a little while.
We do forget from time to time, but we’re at least as likely to add them inadvertently to emails and such out of reflex.
okay so I am taking a web programming class this semester and a lot of this makes me want to cringe because you’re learning HTML attributes the wrong way
b and i should be replaced whenever possible with strong and em attributes, respectively. This is because “strong” = strongly emphasized and “em” = emphasized. These are traditionally displayed as bold and italic, but the webpage owner can style them differently in the CSS if they wish to.
When done correctly, HTML should be for content, CSS for presentation.
WHY DOES IT MATTER?
for visually-impaired people. Webpage readers understand strong and em better than b and i, so I’ve been told.
for stylistic reasons: the owner of the webpage may want to create a unified style for strong and em which is different from the standard, and you’re ruining it
Also, it is awful, awful form if you ever want to go into web design.
Other things which you should not do:
Castle’s guide, part 4.0
-blink and marquee tags are deprecated, I believe, and while they still work that doesn’t mean you should use them; they are for presentation, NOT content.
-headers are for the author of the webpage to say what text is important and how important it is. NOT for you because you think what you’re saying is important. There’s a reason they’re disabled in WordPress comments.
Use the code tag for things other than code
-You’re probably doing it for stylistic reasons; this is bad
Use the link tag (as in <a href=”” title=””>) for non-links
-Yes, green is a pretty color. But it’s also misleading (see above remarks w/rt visually impaired, style)
But we’re not learning how to make a webpage. We’re doing silly things to words on Museblog. B and I make sense to me as they represent Bold and Italic, respectively.
But this is really cool! Web programming is neat and you should pass more information to us. I’m not so into making the website itself as I am into making graphical elements for the site. That guide I made is basically the extent of my HTML knowledge.
MuseBlog /is/ a webpage. So, um, yes you are learning how to make a webpage, although inadvertently.
I respectfully disagree. We are learning how to format text on a webpage, not how to make a webpage. We are not learning how to create a body and a header, let alone elements like buttons.
SFTDP –
I don’t believe I have ever used the code tag for stylistic reasons, other than to show that it can be done. I know what it is used for, but that has no stylistic practical application on the blog. I’ve never even needed to use it.
As for strong and em, I don’t use those because 1) I am not building a webpage and I’ll write my HTML how I darn well please and 2) it’s a lot faster when I’m writing a quick reply to someone to type ‘i’ and ‘b’ than it is to type em and strong. I personally do not understand exactly how it is terrible form to use i and b instead of em and strong (yes, someone reading it as “emphasis” and “strong emphasis” is going to be able to tell what I want my words to convey, but I don’t plan on going into web design anyway).
And another thing. While I respect you and your knowledge, there have been several times when you have, likely inadvertently) made some sort of comment about my level of knowledge that was either simply snarky or conveyed the hidden suffix of “…you idiot.” Please see:
“MuseBlog /is/ a webpage. So, um, yes you are learning how to make a webpage, although inadvertently.”
That just felt a little on the snarky side to me. Perhaps I am wrong. Perhaps I am right. Regardless, I am not an idiot, and each time I’ve read that post since you wrote it, it made me feel like one. Just because I am not the master of HTML does not mean I don’t know what a webpage is. Again. I am not talking about elements of a page. I am talking about words. Yes, they are elements of a page. But this is a comment section. It’s the equivalent of clicking the Bold button in Microsoft Word – I’m not making a webpage, I’m giving my text a little character. I don’t know how to or have the desire to know how to make a webpage at this time. I know how to make my text look different and that is really all I need.
Also see:
Your entire above comment, namely the parts where you criticized my form and how I’m learning it and the difference between CSS and HTML and the bit about headers.
Okay, look. My form may be terrible. But I am italicizing my text, not building NASA’s next home page. I’m not even learning HTML – I’m passing on things that I learned 4 years ago because I wanted to be able to stylize my text on the blog. CSS and HTML? Sure, that’s all well and good, but I’m just using HTML because this blog doesn’t have buttons for bold and italic. I am not a web designer. Please do not assume I should know better and criticize me as such. I’m all up for constructive criticism! I can take criticism! But when it’s snarky and makes me feel like an idiot even though I’m not even learning what you’re criticizing me for? Not so much with that.
I realize I’m probably overreacting here, but a lot of your replies to me over the (insert length of time here)s have made me feel like I should know better or because I must not be very bright. I get enough of that from my mother, thank you.
I respect you as a person and I respect all of your knowledge. Let it be noted that I am not upset. I just want to let you know that the way you have talked to me in the past has felt a little condescending.
As I explained in my earlier post, strong and em vs. b and i matter because of the visually impaired. My web programming professor does research on making the web accessible, so this is something which I’m really attuned to. In class one day, he used the screen reader that came with his Mac to explain to us what it was like to use Gmail when you have trouble seeing. It was a mess to me, because I’m used to looking at web pages, but it had a structure. If you use HTML tags where they don’t belong, it adds worthless noise to the already complicated output. If you use b and i instead of strong and em, it’s possible that they will be completely ignored or wildly misinterpreted by the reader. Which is not what you want when you are trying to emphasize something.
(And if you understood that before, and you’re asking “why do we care about blind people”, I don’t really want to continue this conversation, because I feel that we should care about everyone, and the three seconds it takes you to use the proper tags instead of the wrong ones aren’t going to hurt you and could really help someone else.)
When I started learning actual web design, I realized that I would have to break a lot of the habits I’d made while commenting on MuseBlog. I’m trying to save others that trouble, and teach them a little. I don’t think it hurts anyone to know a little bit of web design, even if they’re not going into the field.
You presented yourself as having created the ultimate guide to HTML for commenting. I just wanted to provide some additional knowledge, and try and make the web a little more accessible for everyone. I feel that HTML and accessibility, even when it’s just in comments on the web, matters. I’m sorry if you were hurt by my comments, I didn’t intend to be condescending, but I feel that doing silly things to words is inextricable in this case from building a webpage.
ps: GAPAs, could you please close the strike tag in comment 111.3?
Am I missing something here? I…really don’t see what the issue is because they look exactly the same.
I think the point Dodec is trying to make is that to people who are visually impared and use other devices to “read” (listen, etc) what’s on a webpage, the software(?) that does this for them is confused by the <b> tag. <em> or <strong> stand for “emphasis” and “strong emphasis” and the software understands it better and relates this to the person trying to “view” the page/comment. <b> sounds like it’s something isn’t as coded for since it doesn’t really stand for anything, and so can lead to confusion in these situations.
(well, b and i, but I got tired with all the brackets)
Oh wow. I was not aware that it caused so much of an issue with screen readers, and no, I didn’t understand that that was what you meant before – in fact, I didn’t know that screen readers interpreted bold and italics as their HTML/CSS tags instead at all. I’d never actually thought about it before, but I suppose I would have thought that they’d somehow detect that the text was italicized or bold and conveyed that instead of the tag.
As I said, I completely respect you and your knowledge. And hey, I have learned stuff. You have gotten your point across and it is a very good point indeed. Your knowledge, too.
Hello
Is it big?
Wheee!
=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~=_~vvHm.blah
blah
blah
blah
i won’t forget what the smiley codes are because i wrote them all down on a piece of paper and taped them to the wall
✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵
✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵
✵✵✵✵✵✺✵✵✵✵✺✵✵✵✵✵✵✵
✵✵✵✵✵✺✵✵✵✵✺✵✵✵✵✵✵✵
✵✵✵✵✵✺✵✵✵✵✺✵✵✵✵✵✵✵
✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵
✵✵✵✺✵✵✵✵✵✵✵✵✵✵✺✵✵✵
✵✵✵✵✺✵✵✵✵✵✵✵✵✺✵✵✵✵
✵✵✵✵✵✺✺✺✺✺✺✺✺✵✵✵✵✵
✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵✵