[HTML_Teil1/3] - Grundsätzliches


    Hiermit begrüße ich alle sa-mp.de User.
    Nun werde ich 3     Teiltutorials schreiben, die für euch möglicherweise hilfreich wären um HTML zu erlernen.
    Ich muss von Anfang an erwähnen, dass ich kein Profi bin, doch meine Kenntnisse will ich mit euch teilen.


    Teil 1/3:
    Im ersten Teil wird es hauptsächlich um grundsätzliche Dinge gehen.
    Diese Grundkenntnisse können hilfreich sein.



    Inhaltsangabe:
    -Was ist HTML?
    -Editor Empfehlung!
    -"Tag"
    -Attribute!


    • Was ist HTML?

    HTML steht für Hypertext Markup Language. Es wird den Auszeichnungssprachen untergeordnet.
    Mithilfe der Sprache HTML können im Netz diverse Seiten gestaltet werden.
    Beispielsweise können dadurch Texte, Bilder, Links o.Ä auf euren Seiten wiedergeben werden.


    • Editor Empfehlung!

    Man kann natürlich auch in einem einfachen Texteditor mit HTML arbeiten und diese Datei anschließend durch die Endung .html abspreichern.
    Dennoch gibt es Editoren, die den Vorgang vereinfachen. Die Codes werden meist mit verschiednen Farben unterlegt, damit es noch anschaulicher/verständlicher wird.


    Ich kann euch folgendes Produkt ans Herz legen:
    Notepad++


    Es ist zwar ziemlich einfacher Editor, dennoch unterstützt es mehrere Sprachen und ist leicht anzuwenden.
    Außerdem ist es eine "Freeware".


    Bedienung des Editors:
    -Am Anfang ladet ihr es euch runter.
    -Dann klickt ihr auf den Ordner:
    -Nun klickt ihr auf den Editor:
    -Wenn ihr im Editor seid, erstellt ihr eine neue Datei:
    -Zu guter Letzt wählt ihr die Sprache aus, indem ihr oben auf Languages/Sprachen und anschließend auf HTML klickt:

    • "Tag"

    Befehle werden in HTML Tag genannt.
    Eine HTML Datei erkennt man (unteranderem) daran, dass diese Datei mit folgendem Tag anfängt:

    HTML
    <html>


    und so abgeschlossen wird:

    Code
    </html>


    Eigenschaften eines Tags:
    -Der Befehl steht in spitzen Klammern:

    Code
    <Befehl/Funktion>


    -Eine Funktion muss auch geschlossen werden durch einen Schrägstrich in den Klammern (vor dem Funktionsnamen):

    Code
    </Befehl/Funktion>


    -Man muss sie richtig abschließen, d.h. richtige Reihenfolge.
    ->Falsches Beispiel dafür:

    Code
    <head>     <title>Titel</head>      </title>


    ->Richtiges Beispiel dafür:

    Code
    <head>
<title>Titel</title>
</head>


    -Um einen ordentlichen Skript (o. Script) zu schreiben, ist es empfehlenswert die Tags richtig einzurücken (mehr Übersicht u. Ordnung).


    • Attribute!

    Vielen Funktionen bzw. Tags können verschiedene Attribute (=Eigenschaften) zugeschrieben werden.
    Die Attribute werden in den Klammern nach dem Befehl reingeschrieben. Attribute können bspw. Farben sein oder Größen oder...


    Beispiel:

    Code
    <body bgcolor="pink">       Mein erster Text</body>


    Hierbei ist bgcolor die Eigenschaft und pink der Wert.



    Andere Teile:
    Teil 2/3 - Grundgerüst
    Teil 3/3 - Weiteres


    Mit freundlichen Grüßen
    Stijn

    4 Mal editiert, zuletzt von Kones ()

    Bin ich der selben Meinung , dass es so gut aussieht .



    Doch währe es besser , wenn du eine Funktion machst , als Beispiel .
    Und ich weiß nicht , ich kann damit irgendwie als HTML Anfänger nicht viel Anfangen ...
    Weil es sagt mir einfach nicht viel aus über die Sprache .



    Aber nett ,dass du dir die Mühe machst .