Tuesday, November 16, 2010

Change font size with <>?

i know how to change the color and crap and headings

for example if i put ....



%26lt;h1%26gt; TEXT HERE %26lt;/h1%26gt; (then it would change the heading)



and if i put %26lt;font color=';blue';%26gt;%26lt;h1%26gt;TEXT HERE %26lt;/h1%26gt;%26lt;/font%26gt; (then it would change the font heading and color to blue)



So im needing to know how to change the font size with the %26lt;%26gt; (so i can add on whatever i need to add on, such as font style, ect.)Change font size with %26lt;%26gt;?
The font tags are outdated, but noobies making their pages don't care because they still work. But if you use them, use them correctly. The heading tags are block level tags. The font tags are inline. They go INSIDE the block level tags.



The easiest for you is to just do a little inline CSS styling:



%26lt;h1 style=';font-family: arial; font-size: 32pt; color: #00f;';%26gt;Heading Here%26lt;/h1%26gt;



Other examples:



%26lt;p%26gt;%26lt;span style=';border-bottom: 2px solid #f00;';%26gt;These words will have a red underline for text.%26lt;/span%26gt; These will not.%26lt;/p%26gt;



%26lt;h1 style=';width: 100%; margin: 0 auto; text-align: center; border-bottom: 2px solid #f00;';%26gt;Heading%26lt;/h1%26gt;



%26lt;p style=';width: 420px; border-bottom: 2px solid #f00;';%26gt;%26lt;span style=';line-height: 4em;';%26gt;All these words will have a red underline 4em below text.%26lt;/span%26gt;%26lt;/p%26gt;



%26lt;p%26gt;%26lt;span style=';background: #000; color: #fff; line-height: 2em; padding: 0 10px;';%26gt;These words will have a background color 2em high and white text.%26lt;/span%26gt; These will not.%26lt;/p%26gt;



%26lt;p%26gt;%26lt;span style=';word-spacing: 1.25em; color: #fff; font-size: 2em; font-weight: 900;';%26gt;These words will be in white, size 2em and bold.%26lt;/span%26gt; These will not.%26lt;/p%26gt;



%26lt;p%26gt;%26lt;span style=';background: #000; color: #f00; line-height: 2em; font-weight: bold; padding: 0 10px;';%26gt;These words will have a background color 2em high and in red text.%26lt;/span%26gt; These will not.%26lt;/p%26gt;



Those use inline CSS, but all of it can be transferred to either an external CSS file or the embedded CSS on the page between the head tags using the ';style'; tags.



%26lt;h1 style=';background: #000; color: #fff; border: 1px solid #f0f;';%26gt;This title will have a background color, white text.%26lt;/h1%26gt;



RonChange font size with %26lt;%26gt;?
Here ya go. This will show you how to do the font sizes and explains how to apply it.



http://www.htmlcodetutorial.com/characte
%26lt;font size=';16';%26gt; This text has a font size of 16! %26lt;/font%26gt;
you can put your paragraph in something like the following and specify all the details of the font:



%26lt;p style=';font-family:verdana;color:green;f鈥?br>
This text is in Verdana and green%26lt;/p%26gt;



You can also specify CSS styles



%26lt;head%26gt;

%26lt;style type=';text/css';%26gt;

h1{color:blue;font-size:12px;}

%26lt;/style%26gt;

%26lt;/head%26gt;



This will make h1 tag look the way you want.
%26lt;font color=';blue'; size=';2';%26gt;



www.w3schools.com is a great resource for this type of stuff.
If you want to change all of the headings, do so with a stylesheet. I don't think %26lt;h style%26gt; is valid in HTML, so you're better to use this.





%26lt;style type=text/css%26gt;

%26lt;!--



H1

{font-family: arial; color:blue;}



/--%26gt;

%26lt;/style%26gt;



sub for with whatever values you want.



Then when you type %26lt;h1%26gt;%26lt;/h1%26gt; in the rest of the document it'll take on the color %26amp; font you specified. Make sure you put the stylesheet in the %26lt;head%26gt; tag.
you can change the font size by using

%26lt;font color=';blue'; size=2%26gt;i tell you how change the size or color of the font%26lt;/font%26gt;

but the font is the body attribute tag so use it with in the body
i don't recommend you use the font element. instead, you should use span or div with css styles specified in the ';style'; attribute



%26lt;*span style=';font-size: 16pt;';%26gt;16 POINT TEXT%26lt;*/span%26gt;

(remove the asterisks)



note that ';pt'; must be present for it to work. you may omit the semicolon, however.

No comments:

Post a Comment