html tutorial - HTML editor - html5 tutorial



  • An HTML document consists of three areas:
    • the document type declaration (doctype) at the very beginning of the file containing the used document type definition specifies (DTD), for example. E.g., HTML 5,
    • the HTML header ( HEAD), which mainly contains technical or documentary information, which is usually not displayed in the browser's display area
    • the HTML body ( BODY) containing the information commonly found in the browser's display area.
  • Thus, the basic structure of a web page looks as follows:
  •  <! DOCTYPE html> 
    <html>
      <head> 
        <title>Site Title < /title>
        < ! - more header information -> 
        < ! - Comments are not shown in the browser. -> 
      </head>
    <body>
        <p>Content of the page < / p>
      </body>
    </html>
    	
    Klicken Sie auf "Code kopieren". Der Code wird in die Clipboard kopiert und durch Drücken von "Ctrl-V" wird der Code in das Zielfenster eingefügt.Von HTML-Tutorials, html5 Tutorials, HTML-Editor, lernen html. Mannschaft

    Im Kopf (head) Ihrer Seite schreiben Sie immer einen Titel: Titel Ihrer Seite. Dieser Titel wird im oberen Balken des Browsers angezeigt:

     title

    Learn - tutorial - title - examples - programs

    Dieser Titel ist besonders wichtig, da dieser von Suchmaschinen (wie z.B. Google) u.a. genutzt wird, um Ihre Seite in den Suchindex aufzunehmen. Außerdem wird der Seitentitel in den Suchergebnissen angezeigt.

     search in google

    Learn - tutorial - search in google - examples - programs

    In den Körper (body) gehört der eigentliche Inhalt der Seite. Sie kennen schon einige der wichtigsten Elemente:

    <p>Wird für Absätze benutzt.</p>
    <b>Schreibt den Text in Fettschrift.</b>
    <h1>Überschrift</h1>
    <h2>Sub-Überschrift</h2>
    <h3>Sub-Sub-Überschrift</h3>
    Klicken Sie auf "Code kopieren". Der Code wird in die Clipboard kopiert und durch Drücken von "Ctrl-V" wird der Code in das Zielfenster eingefügt.Von HTML-Tutorials, html5 Tutorials, HTML-Editor, lernen html. Mannschaft
    • Bitte denken Sie daran: Der einzige Weg HTML zu erlernen, ist durch ausprobieren. Im Englischen gibt es hierfür den Ausdruck “Trial and Error” – “Probieren und Fehler”. Aber keine Angst, Sie können weder Ihren Computer, noch das Internet durch irgendwelche Fehler im HTML-Quelltext zerstören. Also experimentieren Sie – das ist der beste Weg, um Erfahrungen zu sammeln.

    Was bedeutet das jetzt?

    • Niemand wird toller Webseiten erstellen, bloß weil er die Beispiele in diesem Tutorial auswendig lernt. Dieses Tutorial soll lediglich eine Basis für das Verständnis der Elemente bieten – um besser zu werden, müssen Sie die Elemente in immer neuer und kreativer Art und Weise anordnen.
    • Also, probieren Sie einfach ein wenig mit dem, was Sie gelernt haben.

    Was kommt als nächstes?

    • Probieren Sie einfach, ein paar eigene Seiten zu erstellen. Z.B. eine Seite mit einem Titel, einer Überschrift, ein wenig Text, einer Sub-Überschrift und noch ein wenig mehr Text. Es ist vollkommen in Ordnung im Tutorial nachzuschauen, während Sie Ihre ersten Seiten erstellen. Aber später können Sie ja probieren, eine Seite zu bauen, ohne nachzuschauen.

    Textstrukturierung in HTML

  • <p> kennzeichnet einen Textabschnitt
  • <font> Textgestaltung (z.B. Schriftart, Schriftgröße…)
  • <h1> eine Überschrift 1. Größenordnung
  • <h2> 2. Größenordnung, <h3> 3. Größenordnung…
  • <u> unterstreicht einen beliebigen Textabschnitt
  • <b> druckt einen bestimmten Abschnitt fett
  • <i> druckt die Schriftart in kursiv
  • Eigenschaften:

    html tutorial -  lerne html - html css - css html -  css - javascript - ajax -  ajax codein  - html - html5 - html eigenschaften - html document - html style  - html seite -  HTML Quelltext - Webseite
    html tutorial -  lerne html - html css - css html -  css - javascript - ajax -  ajax codein  - html - html5 - html hierarchie einer tabelle  - html document - html style  - html seite -  HTML Quelltext - Webseite

    Related Searches to Html Editor