Welcome Guest ( Log In | Register )



2 Pages V  < 1 2  
Reply to this topicStart new topic
> {} Changing Font Color / Size {}, Basic HTML for beginners
doudou
post Jul 1 2006, 05:22 AM
Post #11


Advanced Member
Group Icon

Group: Members
Posts: 114
Joined: 1-July 06
Member No.: 14,234



With HTML you have limited control over the size of your font. In the most browsers you really only can go from size 1 to 7. I really needed a size between 1 and 2, maybe a size nine on your Microsoft Word. I found the solution in CSS. Not only can you control and change the format of your all your webpages with CSS, you can also control the size of your font more accurately with pts or pc (picas). All you have to do is insert a code in your header section of the html code. Here is a great reference website for learning CSS - http://www.w3schools.com/

As for font color I found a great color guide online. Just bookmark it and use it whenever you need - http://www.webmonkey.com/webmonkey/reference/color_codes/
Go to the top of the page
 
+Quote Post
twitch
post Jul 2 2006, 04:32 PM
Post #12


Veteran Nut
Group Icon

Group: Members
Posts: 527
Joined: 4-October 05
From: UK
Member No.: 8,895



I don't know if anyone has replied to the 'shortening of Hex values' yet, but there is an easy way.

For values that are first place repetitive (e.g. #ffffff), then simply put the first 3 values (#fff).

If you miss a value from the 6 figure, then it will automatically be given 0.
Go to the top of the page
 
+Quote Post
Quatrux
post Jul 5 2006, 07:07 PM
Post #13


the Q
Group Icon

Group: [HOSTED]
Posts: 1,133
Joined: 13-July 05
From: Lithuania, Vilnius
Member No.: 7,059
myCENTs:5.70



QUOTE(twitch @ Jul 2 2006, 07:32 PM) *

I don't know if anyone has replied to the 'shortening of Hex values' yet, but there is an easy way.

For values that are first place repetitive (e.g. #ffffff), then simply put the first 3 values (#fff).

If you miss a value from the 6 figure, then it will automatically be given 0.


Yeah, knew about this, but I prefer to change all the #fff to #ffffff, because it is much better for me or maybe even other people to edit or check the colour, I don't know if graphics software like Gimp accepts #fff but it can of course easily be changed.. Besides, you have a much less colours to choose from.. but using #fff and #ffffff together you can save some bytes. wink.gif
Go to the top of the page
 
+Quote Post
nightfox
post Jul 6 2006, 02:43 AM
Post #14


NiGHTFoX - Hiding in the dark
Group Icon

Group: Members
Posts: 680
Joined: 3-April 05
Member No.: 3,584



Very nice tutorial for those beginning, but may I point out something? The web is becoming more and more CSS based. It would be nice to see some more CSS tutorials as CSS is more flexible than the font tags.

Back when I was starting, this tutorial would have come in handy! I learned from a book for kids and this girl, Elila or something like that, was building her own website. Hehehe... wow have times changed. The thing should be archived as like HTML 1.0 Guide... tongue.gif well, actually, I have no idea how old the book is. I think I got it in 3rd grade and didn't do anything with it until the summer of my 8th grade year because I was bored! lol

[N]F
Go to the top of the page
 
+Quote Post
FirefoxRocks
post Aug 16 2006, 02:58 PM
Post #15


Super Member
Group Icon

Group: [HOSTED]
Posts: 752
Joined: 12-July 06
From: Ontario, Canada
Member No.: 14,464



Using <font> is not proper HTML 4.01/XHTML 1!
<font> is HTML 3.2, which is quite old.

Use
CODE
<span style="color:aqua">Aqua text here</span>


for compatibility with most browsers and standards compliancy.

A whole list of CSS can be found at W3Schools and Web Development Lessons.
Go to the top of the page
 
+Quote Post

2 Pages V  < 1 2
Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Three Html/ Css/ Javascript Tutorials(6)
  2. Creating Tooltips(7)
  3. Starting Your Website With Html(7)
  4. Html Meta Tags Tutorial(21)
  5. {} Html'ing & Basic Codes {}(0)
  6. Integrating Html And Css(9)
  7. A Tutorial For Html Color Codes(7)
  8. Coding Html Properly In The New Age(15)
  9. 4 Html Based Website Tips(4)


 



- Lo-Fi Version Time is now: 5th December 2008 - 05:08 PM