Here you can find a list of basic fonts available on Windows and Mac.
In the table you can also compare how each of these systems displays even the same font!
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Thursday, 28 May 2009
OOPS... I've forgotten to check my code...
Here comes the... VALIDATOR!!! :)
HTMLand XHTML validator:
http://validator.w3.org
CSS code validator:
http://jigsaw.w3.org/css-validator
HTMLand XHTML validator:
http://validator.w3.org
CSS code validator:
http://jigsaw.w3.org/css-validator
Wednesday, 27 May 2009
Tell the browser the HTML/XHTML version and character encoding you're using :)
If you're using the HTML 4.01 version, you should write this information at the very beginning of your html document. The browser will 'know' that your website meets the standard :)
<!DOCTYPE html PUBLIC "-//W3//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
For the XHTML 1.0 version type:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
When using XHTML write xmlns attribute in your <html> opening tag:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
If you're using English or Western-European languages, write a <meta> tag that provides your browser with such information. This should be written inside the <head> element.
<meta http-equiv="Content-Type" content ="text/html; charset=ISO-8859-1">
Additional information about character encoding in other languages is on W3C website.
<!DOCTYPE html PUBLIC "-//W3//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
For the XHTML 1.0 version type:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
When using XHTML write xmlns attribute in your <html> opening tag:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
If you're using English or Western-European languages, write a <meta> tag that provides your browser with such information. This should be written inside the <head> element.
<meta http-equiv="Content-Type" content ="text/html; charset=ISO-8859-1">
Additional information about character encoding in other languages is on W3C website.
Tuesday, 26 May 2009
Character entity
Very important! However, almost impossible to learn (well... if I use often some of them, I'll probably remember them sooner or later).
Here is another list with useful links to websites with character entity charts:
http://www.w3schools.com/tags/ref_entities.asp http://www.evolt.org/entities and a Wikipedia article that gives character entity references.
Here is another list with useful links to websites with character entity charts:
Monday, 25 May 2009
Web colors
The whole hex color code chart can be found on http://www.computerhope.com/htmcolor.htm.
There is also an article about Web Colors on the English Wikipedia. I like to have a quick look at different colors before I choose the right one.
What might me useful is a color generator - a color wheel that gives an idea of possible color schemes for the website: Hex Color Generator.
There is also an article about Web Colors on the English Wikipedia. I like to have a quick look at different colors before I choose the right one.
What might me useful is a color generator - a color wheel that gives an idea of possible color schemes for the website: Hex Color Generator.
Saturday, 23 May 2009
Useful HMTL tags
The alphabetical list of HTML tags:
http://www.htmlquick.com/reference/tags.html http://www.w3schools.com/TAGS .
HTML tags divided in sections, i.e. related to structure, text, list etc:
http://www.devx.com/projectcool/Article/19816 .
Of course I couldn't forget about the marvellous wikipedia article on HTML elements: HTML element.
P.S. The list elements I've created using the <li> tag and for the links I've used <a href="..."> :)
HTML tags divided in sections, i.e. related to structure, text, list etc:
Of course I couldn't forget about the marvellous wikipedia article on HTML elements: HTML element.
P.S. The list elements I've created using the <li> tag and for the links I've used <a href="..."> :)
Subscribe to:
Posts (Atom)
