[HTML_Teil3/3] - Weiteres


  • Wir sind fast am Ende unserer HTML Reise.

    Teil 3/3:
    Am Ende unserer Reise werde ich noch einige kleine "Schnipsel" vorführen.



    Inhaltsangabe:
    -Verlinkungen!
    -Tabellen!
    -Zusätzliche Tags und Attribute!


    • Verlinkungen!

    Es ist ein ziemlich leichtes Thema. Zumindest machbar.


    ->Der Befehl und Attribut lauten <a href="Adresse">.
    ->Endtag nötig (</a>).
    ->Zwischen <a href="Adresse"> und </a> kommt der erwünschte Text, sprich man klickt auf den Text und gelangt auf die verlinkte Seite.
    ->Anstatt des Textes kann auch ein Bild verlinkt werden, hierbei muss zwischen den beiden Tags der Bildbefehl eingefügt werden.

    Code
    ...<a href= "ADRESSE">   Hier kommt der Text rein, der verlinkt werden soll! oder BILD</a>...


    • Tabellen!

    Nun kommen wir zu den Tabellen.


    ->Um Tabellen zu erstellen, fängt man mit dem Befehl <table> an.
    ->Für jede Zeile gibt man <tr> ein.
    -><td> ist für jede Zelle.->Wenn eine Tabelle beispielsweise 3Zellen pro Zeile hat, so hat es 3Spalten.
    ->Attribute können sowohl in <table>, als auch in <tr> oder <td> eingegeben werden.

    ->Die Eigenschaft border ist für die Rahmendicke.

    Code
    <table border="1"><tr><td width="18px"height="19px">Zelle 1</td><td width="18px"height="19px">Zelle 2</td><td width="18px"height="19px">Zelle 3</td></tr><tr><td width="18px"height="19px">Zelle 4</td><td width="18px"height="19px">Zelle 5</td><td width="18px"height="19px">Zelle 6</td></tr></table>


    Diese Tabelle hat bspw. 2Zeilen, in jeder Zeile 3Zellen.
    Attribute könnt ihr auch in <tr> oder <table> eingeben.


    • Zusätzliche Tags und Attribute!

    -><a href...> </a> - für Verlinkungen.
    -><table> </table> - für eine Tabelle.
    -><tr> </tr> - für jede Zeile in einer Tabelle.
    -><td> </td> - für jede Zelle in einer Tabelle.->border - Rahmendicke (Rahmenbreite).
    ->height - Größe (Höhe).


    Andere Teile:
    Teil 1/3 - Grundsätzliches
    Teil 2/3 - Grundgerüst


    Mit freundlichen Grüßen
    Stijn


    //Zeilenumbruch bei einem Satz.

    2 Mal editiert, zuletzt von Kones ()

  • Von Teil 2/3 habe ich nun schon einiges mehr gelernt ;)
    Viel Dank nochmals , dass du dir die Mühe gemacht hast :)




    Vielleicht könntest du ja wircklich ein Tutorial für CSS machen ;D ?

  • Sehr schön Stijn, ich glaub ich werd auch mal anfangen das bissl zu lernen und villt selbst mal ne seite bauen, danke für die Tipps :)

  • Schönes ding :thumbup:
    kannte ich zwar alles schon, aber ich finds trotzdem gute das du sowas machst, und ist auch leicht verständlich geschrieben. Könntest ja mal wenn du zeit(und lust ^^) hast ein php+mysql tutorial schreiben. Da scheiter ich grad dran xD


    Mfg.

    The fact is, I am right. And if you think I'm wrong, you are wrong.

  • Schönes ding :thumbup:
    kannte ich zwar alles schon, aber ich finds trotzdem gute das du sowas machst, und ist auch leicht verständlich geschrieben. Könntest ja mal wenn du zeit(und lust ^^) hast ein php+mysql tutorial schreiben. Da scheiter ich grad dran xD


    Mfg.

    Ich werde demnächst Tutorials für CSS machen und GFX (Photoshop)

  • Erstmal schöne Tutorials Stijn ;)
    Würde mich freuen wenn du noch mehr machst z.B. was zum Einbinden von Grafiken oder evtl. ein Tutorial zu CSS.
    Auch wär es schön wenn du auch Bilder dazufügen würdest wo man sieht wie es im Endeffekt aussieht.


    Mfg Ich

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen
  • Also


    Teil1:


    Da fehlt der DocType, XHTML? STRICT? HTML4? HTML5? Das ist SEHR WICHTIG, weil sonst kann der
    Browser das ganze Fehlerhaft interpretieren, gerade wenn man mit <div> und css arbeitet.


    Teil2:


    Der <font> Tag ist veraltet und man verwendet heute nurnoch, <span><p> usw sowie das zugehörige style="", class="", id=""...


    <img src="BILDNAME.FORMAT" alt="NAME" width="*px" align="AUSRICHTUNG (links, right, center)">


    left center right


    width ohne "px"


    Teil3:


    <a href="Datei" target="xyz" <- _blank usw fehlt ;)


    Fühl dich nicht angegriffen das sind Dinge die mir beim überfliegen aufgefallen sind.


    Gruß


    php

  • Ne weils dann ne lange Wurst wäre, ist so übersichtlicher meiner Meinung nach, Links zu den anderen Teilen stehen eh nochmal unten ;)


    //php_exec, ich hatte vor kurzem eine Wiederholung in HTML, schulisch, da wurde auch so ein Grundgerüst für Erinnerung erfrischen hergenommen, <font> ist immer noch aktuell.
    Jo das mit Links wahrscheinlich Denkfehler, man denkts in Englisch, schreibts in Deutsch, bessere ich dann mal.
    width mit px oder %.
    Zum Link, mit nur <a href = "...">geht es genauso, es können natürlich weitere Attribute hinzugefügt werdem.



    Ich fühle mich nicht angegriffen, falsche Info würde ich nunmal nicht verkaufen, das habe ich mehrmals durchgetestet und bin alleine 5Stunden am Tut gesessen.
    Du kannst es testen und es wird gehen ;)


    //Rechtschreibung

    2 Mal editiert, zuletzt von Kones ()

  • Na klar aber dir ist sicher bekannt das nicht jeder Browser alles gleich rendern kann. (IE6 ;) )


    Und der Doctype wie z.B. strict definiert wie der Browser das rendern soll, soll er es
    rendern wenn er nicht mehr weiter weiß das es technisch passt aber optisch nicht? soll er
    es rendern das es optisch passt aber nicht teschnisch usw.


    <font> ist heute durch css ersetzt worden, kannst du ja hinschreiben. Du bekommst
    bei Seitwert.de z.B. angezeigt das es "veraltet" ist.

  • Der gleichen Meinung bin ich auch, da brauchen wir uns garniht drüber unterhalten ;)


    Ich hab letztens ein System für eine Firma programmiert und darauf hingewiesen das diese
    Seite nur ab IE7 funktioniert, da der IE6 a) Alt ist und b) es 3 Nachfolgerversionen gibt.


    Jetzt kommen die super Schlauen und meckern rum, weil der IE6 fehlerhaft arbeitet.


    Und so Features wie CSS3 und HTML5 bzw. deren anfänge kann man heutzutage ja schon
    implentieren (Runde Ecken, Schatten, native Videos {Mit Vorsicht!} und <canvas>.
    Adobe hat für den Illustrator schon ein Plugin released um AI zu <canvas> zu konvertieren,
    zwar nur Beta aber es funktioniert zumindest halbwegs gut.


    Was ich damit sagen will ist, wenn jeder egal wer eine Website entwickelt sagt hach ja
    ich muss das IE6 konform halten, wird sich niemals was nach vorn bewegen und wir haben in
    5 Jahren auch noch den Browser und deren Sicherheitslücken.

  • Du hast mich auf eine Idee gebracht, auch wenn es teilweise offtopic ist, werde ich an einem Internetbrowser mal arbeiten (programmieren), ich will dennoch kein Vesprechen geben, doch die Idee gefällt mir.
    Werde wahrscheinlich zuerst eines mit wenigen Funktionen machen, dafür aber ohne Lücken (nagut lückenlos ist nichts) und dann immer erweitern.