{} Changing Font Color / Size {} - Basic HTML for beginners

Pages: 1, 2
free web hosting
Free Web Hosting > Computers & Tech > How-To's and Tutorials > Websites and Web Designing

{} Changing Font Color / Size {} - Basic HTML for beginners

doudou
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/

Reply

twitch
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.

Reply

Quatrux
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

 

 

 


Reply

nightfox
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

Reply

FirefoxRocks
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.

Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Pages: 1, 2
Recent Queries:-
  1. html font size in pixels - 2.85 hr back. (1)
  2. change font color web site - 5.90 hr back. (1)
  3. html font size inside - 6.98 hr back. (1)
  4. css font colours - 8.10 hr back. (1)
  5. how to add font color and font size code - 12.16 hr back. (1)
  6. font size font colour - 14.41 hr back. (1)
  7. changing font colors on my html page - 14.81 hr back. (1)
  8. change font color html - 15.34 hr back. (1)
  9. how to change font size and colors on myspace - 17.38 hr back. (1)
  10. i need color font and size codes for comments! - 17.95 hr back. (1)
  11. html t change font link color - 18.09 hr back. (1)
  12. change size of wording on myspace, - 18.09 hr back. (2)
  13. writing in cool font and color on myspace without - 19.00 hr back. (1)
  14. html code for changing color of text - 20.06 hr back. (1)
Similar Topics

Keywords : changing, font, color, size, basic, html, beginners

  1. 4 Html Based Website Tips
    (4)
  2. Coding Html Properly In The New Age
    (15)
    In all your html there are things you want to follow. Always use lowercase for your HTML Tags
    Don't use upper case. Upper case is bad (this can be hard to do if your like me and tend to
    write and then for closing:P). CODE Types of Staff Administrators: SilverFox,
    Danmidas Above: Bad Code Below: Good Code CODE Types of Staff Administrators:
    SilverFox, Danmidas Use Self-Closing Tags In html certain tags (ex. img, br, hr) didn't
    need closing tags. However its best to write them with something called self-closing tags. ....
  3. A Tutorial For Html Color Codes
    (7)
    HTML Coloring System - RGB Values RGB which stands for Red, Green, Blue. Each can have a value from
    0 (none of that color) to 255 (fully that color). The format for RGB is - rgb(RED, GREEN, BLUE),
    just like the name implies. Below is an example of RGB in use. Red, Green, and Blue Values:
    bgcolor="rgb(255,255,255)" White bgcolor="rgb(255,0,0)" Red bgcolor="rgb(0,255,0)" Green
    bgcolor="rgb(0,0,255)" Blue HTML Color Code - Breaking the Code The following table shows how
    letters are incorporated into the hexadecimal essentially extending the numbers system to 16 values....
  4. Integrating Html And Css
    (9)
    QUOTE(the_aggie10 @ Trap17.com) Ok. Well i am writing this as a series of tutorials i will be
    doing on this subject, so enjoy. I hope this helps. Introduction
    to HTML and CSS HTML and CSS are to work together. HTML is what puts the characters
    on the page, while CSS is what makes everything look outreageous! For instance, I would use HTML if
    i wanted to put "Trap17 is the poop!" onto my page, although if i wanted to make it look nice like
    this by adding a font, and maybe some color, then I would use CSS. Learn the ....
  5. {} Html'ing & Basic Codes {}
    Basic coding HTML for beginners! (0)
    ** I was looking through the tutorials page and I saw one tutorial on beginning HTML, I thought I
    would expand a little on it and show ya some basic codes you can use for your website if your
    beginning HTML! ** Beginning HTML HTML isnt all that hard. Once you get the hang of it, its
    quite a breeze, but sense your starting out new and would like some basic help on how to do simple
    things regarding HTML heres a little help for you! First off, lets start out with what HTML means
    and what you need to write it. * HTML - H ypertext M arkup L anguage which is a....
  6. Html Meta Tags Tutorial
    -What it is/does; how to utilize it- (21)
    So, you've got your beginning page started, your homepage is defined, neat, and it looks like
    everyone will love it - STOP. Do you really think your site will be even accidently view by anyone,
    even if you do have a bought domain?! Don't kid yourself; the fact of the matter is, you're
    just one infantesimle speck in the universe of much greater websites than yours. Don't worry,
    though - I got your back. Here, I'm gonna explain what meta tags are, and what they're used
    for. I'm also going to show how to utilize them for your site, to increa....
  7. Starting Your Website With Html
    To build a website, you need to know HOW (7)
    I was reading through the tutorials, and it seems throughout the tutorials, no one has ever really
    taught how to build a beginner's page using HTML. Not that it's anyone's fault, but
    if someone is unsure of how to begin and end a page with HTML, then they will not be able to make a
    page. So, I figured I'd lend a hand... -------------------------------------------- To begin
    your first webpage using HTML, you will need these tags* (in this order): CODE YOUR TITLE
    FOR YOUR PAGE THIS IS WHERE YOUR MAIN TEXT GOES To explain: The ....
  8. Upgrading Your Site!
    Move from HTML 4.01 to XHTML 1.0 (0)
    I planned to post 3 different parts because of the length, but so there's no confusion, I'll
    just make one big tutorial all together /cool.gif' border='0' style='vertical-align:middle'
    alt='cool.gif' /> . ====================================== (A note to the moderators: Alright,
    I've got this down now, so please delete all of my other posts besides this one, and any posting
    credits as well; thanks!) ====================================== Now the tutorial: Concerning those
    in the webmaster biz... If you are an aspiring experienced webmaster, then you sho....
  9. Creating Tooltips
    DHTML, HTML, CSS, Javascript... (7)
    Here is a little tutorial to make those small yellow-background boxes (tootltips) that pop-up for
    some links that describe them when you hover the mouse over them, it uses DHTML, CSS, HTML, and
    Javascript, so it gives us a much more wide range than my previous tutorials that just where on
    HTML. OK, so here we go... Put this right under CODE var offsetxpoint=-60 //Customize x
    offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var
    ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=doc....
  10. Three Html/ Css/ Javascript Tutorials
    (6)
    Here are some tutorials that always get great results when I post them. Lesson 1 HTML means Hyper
    Text Markup Language. HTML is a very common language used for many websites, is the base for more
    complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the
    easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two
    arrows-like brackets created by hitting Shift and the comma key, or Shift and the period key. They
    look like this... HTML HTML > Tags start a change in the way a webpage ....
  11. Uploading A Html Format Page
    (0)


      Looking for changing, font, color, size, basic, html, beginners






*SIMILAR VIDEOS*
Searching Video's for changing, font, color, size, basic, html, beginners
advertisement




{} Changing Font Color / Size {} - Basic HTML for beginners