Question about HTML

[master412160]

you know this code for example <big>word is bigger then normal</big>

Anyway I don't know the code for:

to chane the letter type, font of the letters: arial, comic sands MS, etc
how to make words bigger or smaller. Not just with <big> <small> I know its something else
giving words a color. like red, green

I need to know a bit more HTML as I need it to give good layout for a posts on Wordpress blog!

There are alot of other things that I might want to know but for now this will do.

 

[Nuke]

<font face="Verdana" color="blue" size="+3">Font</font>

I think that's it.

 

[master412160]

That all 3 codes in 1 line. Alright but I need each code apart, the text won't be a color, sometimes I just need to add seize nothing more, and for that I need the codes apart.

thanks!

 

[AquaTeen]

<font size="x">text to resize</font>

 

[master412160]

Alright I am starting to get a hand in this, one more problem how to

center a text
make it go right
make it go left
?

Also any guides or articles using html on wordpress blog ? Not to complicated if possible

 

[Jonathan]

<center>Centered text</center>
<p align="left">Text aligned left</p>
<p align="right">Text aligned right</p>

<font face="Times New Roman">Text with font: Times New Roman</font>
<font color="#FF0000">Text with a red colour font</font>
<font size="4">Text with a large font size.</font>

You may notice I used #FF0000, this hex code outputs red. Hex codes are used in the format #RRGGBB (red, green, blue), so if I did #FF00FF, it would output purple. Similarly if I did #0000FF it would output blue.

Master, using HTML on a WordPress blog is very simple. Just press the HTML tab while writing an article at the upper right area of where you are writing the article.

 

[master412160]

Thanks alot for your feedback Jonathan, I already know to use the HTML tap but it isn't easy as you think.

Most of your codes won't work on the blog, I think wordpress uses a other type of HTMl example:

<span style="font-family: Verdana; color: blue; font-size: small; align: center;">Font</span>

that align center I added doesn't work, I think I put it on the wrong spot.

When I copy paste into the HTML tap:

<center>Centered text</center>
<p align="left">Text aligned left</p>
<p align="right">Text aligned right</p>

it show when I go to Visual the text but nothing has been done.


This

<font face="Times New Roman">Text with font: Times New Roman</font>
<font color="#FF0000">Text with a red colour font</font>
<font size="4">Text with a large font size.</font>

does work and gives as result:

<span style="font-family: Times New Roman;">Text with font: Times New Roman</span>
<span style="color: #ff0000;">Text with a red colour font</span>
<span style="font-size: medium;">Text with a large font size.</span>


thats good! but I don't know if I ever can just write all those codes out of my head, I will have to look alot back at this topic when typing.

 

[Jonathan]

WordPress changes it to span codes yeah, essentially you can change p for paragraph to span if you like. It also changes the HTML to CSS by doing style="css-code", which is admittedly powerful but more complicated than the code I showed you.

It's not another type of HTML though, if you need to format something using WordPress I think it's useful just to use the WYSIWYG visual function. That way it's making the code and tends to like what it's doing.

I expect that if you wrote an article using the HTML tab, and didn't enter the visual tab after inserting the HTML the article would output as it would normally. If you go to the visual tab then back to the HTML one, it will change the code a little which might not be a good thing to work with for you.

 

[fantanoice]

It's not good coding practice to be styling your stuff with HTML. That stuff was deprecated years ago. HTML should be for content only.

It's much better practice to give the parts you want to style some identifiers and/or classes, then style them with CSS (because that's what CSS is for).

 

[Jonathan]

It's not good coding practice to be styling your stuff with HTML. That stuff was deprecated years ago. HTML should be for content only.

It's much better practice to give the parts you want to style some identifiers and/or classes, then style them with CSS (because that's what CSS is for).

With due respect, if you read the topic you would realise that isn't an option. We're talking about styling within WordPress articles.

 

[Rick Ace]

w3schools.org is very easy. 😀

 

[el canadiano]

It's not good coding practice to be styling your stuff with HTML. That stuff was deprecated years ago. HTML should be for content only.

It's much better practice to give the parts you want to style some identifiers and/or classes, then style them with CSS (because that's what CSS is for).

With due respect, if you read the topic you would realise that isn't an option. We're talking about styling within WordPress articles.

Then that's where your last three lines come in. style="float: right" is still CSS, if you can't edit an external file. And watch out, p tags give out whitespace unless you define it, so you should likely use span where you used p.

 

[Jonathan]

It's not good coding practice to be styling your stuff with HTML. That stuff was deprecated years ago. HTML should be for content only.

It's much better practice to give the parts you want to style some identifiers and/or classes, then style them with CSS (because that's what CSS is for).

With due respect, if you read the topic you would realise that isn't an option. We're talking about styling within WordPress articles.

Then that's where your last three lines come in. style="float: right" is still CSS, if you can't edit an external file. And watch out, p tags give out whitespace unless you define it, so you should likely use span where you used p.

Exactly, we're still using HTML at the end of the day but we're not going to create an external stylesheet with h1, h2 etc. then call them in the article. The CSS is used with span/p so is really not dissimilar from HTML. Regardless of that,

Also, was using p as a guideline and explained that it could be changed to span etc. Anyway I initially misunderstood the question so if I knew from the start, yeah. Also this post does have a purpose -- while we're talking about styling WordPress articles, does anyone know how to create space between paragraphs automatically?

I constantly have to use <p style="padding-top: 14px;"> whenever starting new paragraphs @ http://zonexbox.com/blog/

 

[fantanoice]

It's not good coding practice to be styling your stuff with HTML. That stuff was deprecated years ago. HTML should be for content only.

It's much better practice to give the parts you want to style some identifiers and/or classes, then style them with CSS (because that's what CSS is for).

With due respect, if you read the topic you would realise that isn't an option. We're talking about styling within WordPress articles.

Oh, I thought it meant the blog's style itself, not the articles, but I don't understand how it's not an option. As long as you can edit both HTML and CSS, then it should be possible.

Exactly, we're still using HTML at the end of the day but we're not going to create an external stylesheet with h1, h2 etc. then call them in the article

Then don't? Just define the classes you want to style. You don't need to style each and every thing, just what you want to style. After all, if you do that, then you can reuse that class as much as you want, so instead of having to repeat a particular span-font-colour thing, you could just give it a class and use that whenever you need it.

May seem a little silly to edit a stylesheet just for that, but its better in the long run. Also, if you ever decide you want to change the style, you only need to edit 'one' thing, opposed to ten things.