Unlike my PHP and HTML tutorials this tutorial will be different.
2. teach you the one or the other useful thing.
For this „tutorial“ you should have some basic understanding about HTML and CSS, later it could be useful to know PHP, but that’s some time later… Weiterlesen
You know how to write a valid XHTML document, however, the page is still not as nice looking as ruelicke.net or google.com or any other website out there.
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:
Now, after we learned how to show content and also had a first glance at variables, we will now go a step further.
To define a variable in PHP you just need to use $ and a variable name:
You can use as variable name whatever you like, however you are not allowed to let it start with a number, like
$1variable and there are also some predefined variables, about which I will talk later.
There are many types of variables, but for now we concentrate on 4 types (actually 5, but the fifth will follow in another tutorial). Weiterlesen
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