Geschrieben von Sugarfee am 15.01.2007 um 20:36:
RE: [S] suche HTMLhilfe
Vileicht helfen dir diese paar Codes weiter ( Tabelle mit beschreibung) :
<input type="checkbox" CHECKED value="ON">
Ceckbox
Site in Navi :
<A href="url "target=main>NAme der Site</FONT></A>
Normaler Link :
<a href="URL ">Seite</a>
Mittigier Text
<center> Hier </center>
Jede Tabelle beginnt mit:
<table bgcolor="blue" bordercolor="black" border=1
width=50%>
Dazu die Erklärung:
1) Statt Farbcode setzt du z.B.: #eeffee ein. Du kannst bei Google "HTML
Farbcodes" eingeben und dir einen passenden suchen. WICHTIG: Alle Buchstaben
klein schreiben und unbedingt dieses # davor!!! Oder du schreibst eine Farbe
auf Englisch hin, also z.B.: "black" . Da brauchst du kein # !
bgcolor ist die Bezeichnung für die Hintergrundfarbe der Tabelle.
bordercolor ist die Bezeichnung für die Randfarbe (Tipp: Schwarz sieht am
Besten aus)..
2) Statt Borderdicke setzt du : 1 oder 2 oder 3 und so weiter ein. TIPP: 1
ist am Besten, da es nicht so dick ist.
border ist die Randlinie.
3) Statt Breite setzt du wie gewohnt z.B.: 50% ein. Also ganz normal....
width ist die Breite der Tabelle. Also wenn du 50% hin schreibst, ist die
Tabelle 50% breit.
Die Tabellenelemente:
Nachdem du das obrige geschrieben hast kannst du die Elemente einsetzen:
Bei jeder neuen Zeile kommt ein <tr> hin . Für jede Zelle also Kasterl kommt
ein <td> .
Hier ein Beispiel
1 Spalltig)<tr>
<td>Futterplan</td></tr>
Statt Text gibst du den Text den du dann in der Tabelle stehen haben willst
hinein.
Du kannst beliebig viele Spalten haben. Wenn du 2 haben willst, dann
schreibst du:
<tr>
<td>Bild(C) by</td><td>komm</td></tr>
Du kannst also beliebig viele Spalten aneinander reihen.
Wenn du eine neue Zeile haben willst dann schreibst du:
<tr>
<td>Bild(c) by </td><td>vfgv</td></tr>
<tr>
<td>Name</td><td>Say something</td></tr>
Und so weiter.
Zum Abschluss die ganze Tabelle als Beispiel!! Und die Endung der Tabelle!!!
<table bgcolor="blue" bordercolor="black" border=1
width=50%>
<tr>
<td>Bild (c)by </td><td>ghg</td></tr>
<tr>
<td>Name</td><td>Say something</td></tr>
</table>
Vergiss zum Schluss das: </table> bitte nicht!!!
Schnee im HG :
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Original: Altan (snow@altan.hr) -->
var no = 25; // snow number
var speed = 1; // smaller number moves the snow faster
var snowflake = "###################.gif";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End --
</script>
#################.gif durch Addy deines Bildes ersäzen !