[Tutorial-HTML] Erster Schritt für die eigene Homepage

Dieses Thema im Forum "Tutorials" wurde erstellt von TheManu, 16. August 2012.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. TheManu
    Offline

    TheManu

    HTML
    HTML heisst Hypertext Markup Language (auf deutsch: Hypertext-Auszeichnungssprache) und wird für den Grundaufbau (Schrift, Schriftart, Farbe etc.) einer Website benötigt. Um HTML benutzen zu können benötigst du einen Editor. Ich empfehle Notepad++, dies ist ein kostenfreier Editor. Der Editor ist für mehrere Programmiersprachen zu verwenden.

    Grundlegende einer HTML
    Eine HTML- Seite baut sich aus verschiedenen Befehlen auf. Diese Befehle musst du verwenden um z.B. Groß oder Klein zu schreiben (...). Die Befehle werden in Klammern geschrieben. Hier ein kurzes Beispiel: <Befehl>TEXT</Befehl> . Ein Befehl wird immer mit einem / beendet: <Befehl>TEXT</Befehl> ! Dies war das Grundlegende zu einer HTML- Seite.


    Aufbau einer HTML
    Eine HTML- Seite startet mit dem Befehl <html> und endet mit dem Befehl </html> . Zwischen diesen beiden Befehlen kannst du deine HTML- Seite aufbauen. Alle was jetzt kommt passiert zwischen den beiden oben genannten Befehlen <html> </html> !!! Du kannst deiner Seite einen Titel mit dem Befehl <title>Titel deiner Homepage</title> geben. WICHTIG! Der Titel hat mehrere wichtige Funktionen:
    - Liste der bereits besuchten Seiten
    - Für die Eintragung bei Suchmaschinen wie Google
    Nach dem Titel kannst du deiner Seite einen Kopfbereich geben, wo allgemeine Informationen zu deiner Website gegeben werden. Die Befehle dafür sind: <head>Infos...</head> . Nach dem Kopfbereich kommt der Kern deiner Homepage. In diesem Kern kommen alle Informationen die deine Website brauch! Hier die Befehle: <body>Der Kern!</body> .


    Befehle einer HTML
    Die Befehle die jetzt genannt werden können in jedem Teil deiner HTML- Seite verwendet werden!
    TEXT Schrift wird fett angezeigt
    TEXT Schrift wird kursiv angezeigt
    <u>TEXT</u> Schrift wird unterstrichen angezeigt
    <sup>TEXT</sup> hochgestellte Schrift (z.B.: O²)
    <sub>TEXT</sub> tiefgestellte Schrift
    <h1>TEXT</h1> Leitet Überschrift ein. Kann einen Wert von 1-6 annehmen. Größte Überschrift: 1, kleinste: 6.
    TEXT Macht die Schrift um einen Schritt kleiner
    <big>TEXT</big> Macht die Schrft um einen Schritt größer
    <font size=...>TEXT</font> Schriftgröße kann hier von 1-7 bestimmt werden. Normalgöße: 3
    Linkname Bei Link kommt der Link rein. Bei Linkname kann man später draufdrücken um zum Link zu kommen.


    Farben einer HTML
    <bodybgcolor="Farbe"> Hintergrundfarbe der ganzen Seite
    <font color="Farbe">TEXT</font> Farbe des Textes
    Alle Farbnamen und -codes findet ihr hier.


    Ich hoffe ich konnte euch weiterhelfen, bei weiteren Fragen bitte kommentieren oder per PN. Ein Like wäre auch nett. ;)
    Bis Bald Euer TheManu!

     
    #1
  2. LBuilder
    Offline

    LBuilder

    Registriert seit:
    2. April 2012
    Beiträge:
    708
    Minecraft:
    SchnitzelDE
    Ziemlich tiefgründig durchdacht. Kannte ich zwar schon alles aber für Anfänger eine gute Sache!
     
    #2
  3. DerHolzhacker
    Offline

    DerHolzhacker

    Registriert seit:
    24. April 2012
    Beiträge:
    360
    Ort:
    Bayern
    Minecraft:
    DerHolzhacker
    Sehr gutes Tutorial!
    Aber Bilder fehlen noch...also Wie kann man Bilder einfügen, wie mit Weiterleitung beim Draufklicken etc..
    Sonst bei einer Note von 1-6 (Schulnoten): 3
    Weil ein paar Sachen vergessen wurden...

    Mfg DerHolzhacker
     
    #3
  4. little_psycho11
    Offline

    little_psycho11

    Registriert seit:
    5. Februar 2012
    Beiträge:
    641
    Minecraft:
    little_psycho11
    Der Doctype und charset fehlt. Ohne das braucht man gar nicht erst anfangen ein HTML Dokument zu schreiben.
     
    #4
  5. LBuilder
    Offline

    LBuilder

    Registriert seit:
    2. April 2012
    Beiträge:
    708
    Minecraft:
    SchnitzelDE
    Es waren aber erstma nur die allgemeinen Infos sonst wird es auch zu kompliziert..
     
    #5
  6. CRUZ3R
    Offline

    CRUZ3R

    Registriert seit:
    27. Juli 2011
    Beiträge:
    372
    Ort:
    Österreich
    Minecraft:
    LegendaryCruzer
    Ich halte das für ziemlichen Blödsinn, die Tags sind sowas von Old-School, heutzutage macht man das mit <span style=""></span>
     
    #6
  7. Water
    Offline

    Water

    Nette Sache.

    Nur denke ich nicht das es jmd. ernsthaft weiter helfen wird ^^!

    ~
    lg
     
    #7
  8. McDrown
    Offline

    McDrown

    Registriert seit:
    7. August 2012
    Beiträge:
    15
    Ich denke schon das zumindest die Auflistung der HTML-Befehle einem Newbie helfen, wenn er z.B. mal schnell etwas editieren will.

    UND man kann HTML nicht in einem einzigen Post erklären, klar fehlt da immer noch was.
     
    #8
  9. LBuilder
    Offline

    LBuilder

    Registriert seit:
    2. April 2012
    Beiträge:
    708
    Minecraft:
    SchnitzelDE
    Jetzt wollen wir ma nicht kleinlich werden! ;) Im großen und ganzen ist es der erste kleine Einblick in HTML. Klar gibt es noch mehr!
     
    #9
  10. TheManu
    Offline

    TheManu

    Dieses Tutorial war für EINSTEIGER gedacht, die zum ersten mal mit diesen Bereich zu tun haben... ;)
     
    #10
  11. JumperKenny
    Offline

    JumperKenny

    Registriert seit:
    16. August 2012
    Beiträge:
    30
    HTML ist keine Programmiersprache, sondern eine (wie der Name schon sagt) Markup Language. ;)
     
    #11
  12. TheManu
    Offline

    TheManu

    ok... Danke ich ändere es schnell! ;)
     
    #12
  13. little_psycho11
    Offline

    little_psycho11

    Registriert seit:
    5. Februar 2012
    Beiträge:
    641
    Minecraft:
    little_psycho11
    Und Neueinsteiger sollten von Anfang an wissen das man einen Doctype und charset braucht.
     
    #13
  14. Timmero
    Offline

    Timmero

    Registriert seit:
    4. Februar 2012
    Beiträge:
    44
    Ort:
    In meinem Zimmer
    Minecraft:
    timmero
    Gutes Tutorial..
    Ich bräuchte das nicht, aber gute arbeit :) MinecraftChar
     
    #14
  15. Frolki1
    Offline

    Frolki1

    Super Tutorial
    Wann kommen die Profis dran?
     
    #15
  16. Profis können Googlen? ;)
     
    #16
  17. TheManu
    Offline

    TheManu

    Profis können es schon! ;)
     
    #17
  18. JumperKenny
    Offline

    JumperKenny

    Registriert seit:
    16. August 2012
    Beiträge:
    30
    Wär vielleicht auch nützlich wenn du als Hilfe für weitere Befehle Selfhtml mit angibst :)
     
    #18
  19. H4RDC0REx3
    Offline

    H4RDC0REx3

    Registriert seit:
    17. Dezember 2011
    Beiträge:
    888
    [align=center][font='Comic Sans MS, sans-serif']Farben [/font][/align]

    Bild einfügen.

    <img src=BILD-URL>

    [align=right][align=left]etwas Mittig setzen[/align][/align]

    <center> Text </center>

    Link + Bild

    [​IMG]

    Ich glaub so verstehen es dann schon Neulinge.
    Sollte es Fehle beinhalten bitte bescheid sagen :)
     
    #19
  20. JumperKenny
    Offline

    JumperKenny

    Registriert seit:
    16. August 2012
    Beiträge:
    30
    #20
Status des Themas:
Es sind keine weiteren Antworten möglich.