Fonts in Tables
Webmasters need to use table everyday for a lot of purposes and its sometimes difficult to style the tables while using font tag inside the table tags. When you put the entire font tag in every table cell, it will result into difficult to read or maintain code. For example,
<TABLE BORDER BGCOLOR=NAVY>
<TR> <TH><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>fruit</FONT></TH>
<TH><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>state</FONT></TH> </TR>
&<TR> <TD><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>apples</FONT></TD>
<TD><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>Washington</FONT></TD> </TR>
<TR> <TD><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>pineapples</FONT></TD>
<TD><FONT COLOR=WHITE FACE=”Geneva, Arial” SIZE=6>Hawaii</FONT></TD> </TR>
</TABLE>
You can very easily remove the problem by just declaring styles code in your css file and modify each and every element of your table with just one class declaration. For example, we can do the following to solve above problem.
.mytable, .mytable TD, .mytable TH {
font-family: tohama;
font-size: 14pt;
color: #000;
background-color: #F7F7F7;
}
We can apply this style to an entire table by simply setting the class of the table to boldtable:
<TABLE BORDER>
<TR> <TH>fruit</TH> <TH>state</TH> </TR>
<TR> <TD>apples</TD> <TD>Washington</TD> </TR>
<TR> <TD>pineapples</TD> <TD>Hawaii</TD> </TR>
</TABLE>
You will notice that there are some redundancy in the selector. If we set the whole table to the mytable class, then it should automatically apply to the <TD> and <TH> elements inside. But Netscape has a bug and it doesn’t understand that the contents of the table cells get the font applied to the table as a whole. However, it is able to apply the styles if <TD> and <TH> are mentioned explicitly.
5 Important Website Design Rules
When it comes to your website, extra attention should be paid to every minute detail to make sure it performs optimally to serve its purpose. Here are seven important rules of thumb to observe to make sure your website performs well.
1) Do not use splash pages
Splash pages are the first pages you see when you arrive at a website. They normally have a very beautiful image with words like “welcome” or “click here to enter”. In fact, they are just that — pretty vases with no real purpose. Do not let your visitors have a reason to click on the “back” button! Give them the value of your site up front without the splash page.
2) Do not use excessive banner advertisements
Even the least net savvy people have trained themselves to ignore banner advertisements so you will be wasting valuable website real estate. Instead, provide more valuable content and weave relevant affiliate links into your content, and let your visitors feel that they want to buy instead of being pushed to buy.
3) Have a simple and clear navigation
You have to provide a simple and very straightforward navigation menu so that even a young child will know how to use it. Stay away from complicated Flash based menus or multi-tiered dropdown menus. If your visitors don’t know how to navigate, they will leave your site.
4) Have a clear indication of where the user is
When visitors are deeply engrossed in browsing your site, you will want to make sure they know which part of the site they are in at that moment. That way, they will be able to browse relevant information or navigate to any section of the site easily. Don’t confuse your visitors because confusion means “abandon ship”!
5) Avoid using audio on your site
If your visitor is going to stay a long time at your site, reading your content, you will want to make sure they’re not annoyed by some audio looping on and on on your website. If you insist on adding audio, make sure they have some control over it — volume or muting controls would work fine.
HTML Tutorial 4 – HTML Website Tables & Layouts Tutorial
In this HTML website design tutorial I will teach you how to add tables into your website and layouts for text separation Difficulty Level: Medium/Intermediate If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.
Tags: website, html, design, develop, tut, tutorial, howto, make, tables, table, tr, td, format, align, internet, web, hd, how, to, high, quality, definition
HTML Tutorial 3 – Adding Images & Backgrounds To Your HTML Website
In this HTML website design tutorial I will teach you how to add images to your website/html document and how to add an image to the background. Difficulty Level: Easy/Beginner If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.
Tags: website, html, design, develop, howto, make, tutorial, tut, lesson, background, image, images, adding, add, photos, png, jpg, gif, jpeg, hd, high, definition, quality, hq
HTML Tutorial 2 – Colours, Fonts, Backgrounds Website Design
In this HTML website design tutorial I will teach you how to change background and text colours/colors with microsoft notepad. Difficulty Level: Easy/Beginner If you have any problems or need help with any of this tutorial please leave a comment below or message me on YouTube.
Tags: website, html, design, develop, colour, howto, how, to, make, tutorial, tut, lesson, background, color, css, programming, font, text, div, table, tag, hd, high, definition, quality, hq
Introduction to HTML Tutorial 1
From Learn To Program dot TV (LearnToProgram.TV) this is lesson one of our HTML / XHTML course. In this tutorial, the basic document structure is introduced as well as how to write an HTML script, and display the results in the browser. To learn HTML you need a web browser and a text editor– both of which come with any Windows or Macintosh Machine. This course is part of the larger Introduction to HTML course. You may purchase a High resolution video and the exercise files and LearnToProgram.TV. Long time instructor, Mark Lassoff hosts the video and course.
Tags: HTML, XHTML, learn HTML, HTML tutorial, HTML Course, HTML class
