Das Grundgerüst einer jeden HTML Seite

  • Hier ist ein Template für eine HTML Seite.
    Hier zeige ich euch eine Template für eine HTML Seite ich werde hier nur auf den Grund aufbau ein gehen!


    HTML
    <!DOCTYPE html><html lang="Die Sprache der Seite"><head>  <meta charset="utf-8">  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame        Remove this if you use the .htaccess -->  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  <title>Seiten Name</title>  <meta name="description" content="">  <meta name="author" content="Dein Name">  <meta name="viewport" content="width=device-width; initial-scale=1.0">  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->  <link rel="shortcut icon" href="/favicon.ico">  <link rel="apple-touch-icon" href="/apple-touch-icon.png"></head><body>  <div>    <header>      <h1>Dein Seiten Title</h1>    </header>    <nav>      <!--Beispiel Menü-->      <p><a href="/">Home</a></p>      <p><a href="/contact">Contact</a></p>    </nav>    <div>    </div>    <footer>     <p>© Copyright  by "Dein Name"</p>    </footer>  </div></body></html>




    Das ist das Template komplett.




    Nun gehe ich auf einzelne Wichtige Punkte ein.
    Fangen wir an mit der Seiten Sprache:

    HTML
    <html lang="en">

    In diesem bereich legen wir die Sprache der Seite fest in der die Seite geschrieben ist. (Sprich der Text in welcher Sprache). Für deutsch muss man statt "en" "de" eintragen.


    Nun Zeige erkläre ich den Title

    HTML
    <title>Seiten Name</title>

    Hier kannst du festlegen wie die Seite in den Internet Explorern tab's heißt.


    Hier kannst du dein Favicon (Dein Tab Foto einfügen)



    HTML
    <link rel="shortcut icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png">

    Der erste Link ist für Windows und andere Betriebssystem. Der zweite link ist für Apple geräte.



    Im body kommt dann der gesamte seiten Inhalt deine Text und etc.


    Bei Verbesserung wünschen schreibt mich an.


    Mit freundlichen Grüßen
    MrKampf