Every Gamer knows this problem: You play a game and your have your favorite messenger running in the background. Right in a fight you get an incoming message. Depending on your computer, the game and the messenger, you either get killed, the game/computer crashes or something else happens. Also, you may not be able to “tab out” and reply.
What I teach you today is not how to create a professional website, but it is the basic design method any web programmer started with.
It is the old school table, but I add Cascading Style Sheets (CSS) to the table to get it a nice look.
But before you can start, you need to have an idea how you want to structure your page. The best thing to do is to grab a piece of paper and make a draft. As example I made a draft in a graphic program, although I prefer the paper method:
So, you got the idea how the basic HTML page is build? If not, read the HTML Tutorial 101: Basics before you continue
Ok, so you think your page got already some interesting content…but I bet the layout is…uhm…let’s say boring…white background and black text…depending on the server default…so, the good news is there are tags which allow you to manipulate how a page is displayed.
Maybe you think there has to be a bad news if I only mention the good news above. Well, there are two bad news:
to write valid XHTML code you need to
1. learn some CSS (=Cascading Style Sheet) and
2. define the DTD (=DocTypeDefinition).
Before you start searching my blog (or the web) for a CSS tutorial you should know that I will cover some basic CSS knowledge in this tutorial and write some CSS Tutorials at a later date.
Now, after you calmed down, let’s go on with this tutorial:
Because of the recent update of the W3C validator I’m introducing here, I had to expand the tutorial and added a couple more things at the bottom of the tutorial. Weiterlesen
Requirements for the HTML Tutorials:
- a good freeware HTML editor or at least Notepad (not recommended though)
- a place to upload your files, although you can also test your HTML pages on your PC
What is HTML?
HTML stands for HyperText Markup Language and it is the code which is used to create the websites you see.
Since HTML4.01 is less used these days, I will only talk about XHTML1.0 from now on. For a HTML4.01 Tutorial I can only advise you to visit the W3Schools website
So…then what is XHTML?
Basically it is like HTML4.01 although the “X” stands for “EXtensible”.
XHTML is the latest HTML standard and consists of HTML4.01 which was reformulated in XML.
Hey, I know HTML4.01 and I love it! Why should I use XHTML?
My personal opinion:
XHTML is the future of webcoding and it is easier to write valid HTML code. I’m sure you know the famous info texts on older webpages, stating “Optimized for IE” or any other browser. You have less problems to write valid code as all current browsers treat XHTML the same way.
No more “browser-optimizing”!
Even better, XHTML is backwards compatible, meaning the page is displayed the same in IE7 and IE5 or older.
So switch to XHTML, it is really easy
Well, what are the basics you should know about XHTML. Let me explain it two ways: Weiterlesen