CODEWITHSUNDEEP
htmlfonts
user1054210
user1054210

Reputation: 581

<font> tag deprecated now so what is the correct way

I have an old version of frontpage I am toying around with. I planned to use django in the background to do the heavy lifting but thought using this old Frontpage software I have would be good for the front end but I am finding it is writing code in an out of date fashion. I was reading that the tag has been deprecated and we should be using "style" now. the example I was reading has it inside the paragraph

or header tag. However the code I have from frontpage is using the font tag inside of a table cell tag so I am wondering what is the correct way to write it.

Here is the code generated by Frontpage

<td width="190" align="center" bgcolor="#000080" height="18"><b><a  href="index.htm">
    <font title="return to main page" color="#00FFFF" face="Verdana">Home</font></a></b></td>

would I just change it so the styles 

<td width="190" align="center" bgcolor="#000080" height="18" style="color:#00FFFF;font-family:Verdana">
<b><a  href="index.htm">Home</a></b>
</td>

My problem with that is now all text in the table cell would be that font right? So if I wanted more things in the table cell than just the link where would I put that? Also I just tried that and the font-family is working but not the color...?

Upvotes: 1

Views: 1062

Answers (4)

user1080806
user1080806

Reputation:

Using inline styles like you've posted, this would work.

<td style="width: 190px; height: 18px; text-align: center; background-color: #000080;">
     <a href="index.htm" style="color: #00FFFF; font-family: Verdana;"><strong>Home</strong></a>
</td>

As a side note, you have several very bad practices. Using tables to lay out your website is very outdated and hard to work with (which is why it is outdated). Using inline CSS is confusing to everyone (including yourself). In addition to the references others have posted, I recommend http://htmldog.com/

Upvotes: 1

sgcharlie
sgcharlie

Reputation: 1036

You could use a combination of <span> tags with class attributes and css.

Here are some good references on that stuff:

HTML: http://www.w3schools.com/tags

CSS2: http://www.w3schools.com/css/css_reference.asp

CSS3: http://www.w3schools.com/css3/css3_reference.asp

Upvotes: 0

novacara
novacara

Reputation: 2257

You need to look up and spend some time learning CSS. You can do something like this with it:

CSS:

.linkstyle
{
   font-family: verdana;
   color: #00FFFF;
}

CODE:

<span style="linkstyle"><a href="index.htm">Home</a></span>

Upvotes: 2

Jakub
Jakub

Reputation: 20475

Why are you using Frontpage?

Grab a free editor (search for one), or just create it yourself using something like Notepad++. The amount of time you will spend cleaning up code will be a total waste of your time when using Frontpage (gui).

Also use CSS styles instead of inline bgcolor / font, etc;

Upvotes: 0

Related Questions