zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden HTML Check (Anfänger)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.07.2014, 14:47
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.05.2014
Beiträge: 5
Crunky187 befindet sich auf einem aufstrebenden Ast
Standard HTML Check (Anfänger)

Hallo liebe Community,

bin neu in Sachen HTML und CSS.

Will mir einen Seite erstellen und habe schon mal einen ganzen HTML code für meine Homepage erstellt.

Könnte jemand drüber lesen und mir sagen, wie man es vielleicht besser schrieben könnte?
Habe hier auch schon das Bild von der Homeopage hochgeladen, damit Ihr eine Vorstellung habe, wie meine Seite aussehen soll, wenn Sie fertig ist.

Hier der Link zu dem Bild;
http://image-upload.de/image/3yB8Ut/40b0db5691.jpg

Hier ist der Quellcode der HTML

HTML-Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
</head>

<body>
	<div id="top_nav">
    	<img id="logo" src="Homepage/img/logo.png" alt="Parkett-Expert" title="Parkett-Expert">
        <nav id="navi">
        	<ul>
            	<li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Service</a></li>
                <li><a href="#">Referenzen</a></li>
                <li><a href="#">Angebote</a></li>
                <li><a href="#">Kontakt</a></li>
            </ul>
        </nav> <!-- ends nav -->
    </div> <!-- ends top_nav -->
    <div id="wrapper">
    	<header>
        	<h1> Slideshow in here </h1>
        </header> <!-- ends header -->
        <article id="content">
        	<h1>Willkommen auf Parkett-Expert</h1>
            <section class="frist"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis libero ac leo condimentum dignissim. Donec at pellentesque libero. Morbi at massa varius, vehicula felis nec, elementum lorem. Sed tincidunt interdum viverra. Integer porttitor ante consectetur enim ullamcorper, quis placerat enim ornare. Nam sem turpis, ullamcorper quis mollis et, egestas nec leo. Fusce rhoncus, sapien euismod bibendum pharetra, ligula ante dapibus ligula, a tristique sapien dui et metus. Ut eget purus tempus, tempus dolor ultrices, consectetur felis. Quisque tellus ipsum, aliquet quis tempus gravida, commodo vel enim.</p>
<p>Nunc luctus diam neque, eget vestibulum urna sodales vel. Mauris mauris urna, lobortis sed feugiat ac, volutpat imperdiet nunc. Nulla facilisi. Phasellus tempor varius elementum. Donec a felis quis lacus faucibus tincidunt sit amet sit amet torto.</p>
            </section> <!-- frist section ends -->
            <h1>Unsere Leistungen</h1>
            <section id="second">
            	<ul id="list">
                	<li><img class="checkbox" src="Homepage/img/mini.png"><h3>Beratung<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Planung<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Verlegung<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Schleifservice<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Oberflächenbehandlung<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Estrichsanierung<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Parkettpflege<h3></li>
                    <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Wasserschäden<h3></li>
                </ul> <!-- ul list ends -->
            </section> <!-- second section ends -->
        </article> <!-- article content ends -->
        <aside id="aside">
        	<section id="aside_section">
            	<a href="#"><h1>Bildergalerie</h1></a>
                <div class="picz">
                    <h5>Parkett, Fertigparkett</h5>
                    <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
                     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
                </div> <!-- ends picz -->
                <div class="picz">
                    <h5>Parkett, Fertigparkett</h5>
                    <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
                     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
                </div> <!-- ends picz -->
                <div class="picz">
                    <h5>Parkett, Fertigparkett</h5>
                    <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
                     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
                </div> <!-- ends picz -->
                <div class="picz">
                    <h5>Parkett, Fertigparkett</h5>
                    <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
                     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
                </div> <!-- ends picz -->
            </section> <!-- aside section end -->
            <section class="call">
            	<div class="ja_bg">
                	<div id="beratung">
                    	<h3>Beratung? 0163-2406489</h3>
                    <div class="ja">
                    	<h3>JA</h3>
                    </div> <!-- ends ja -->
                    </div> <!-- beratung end -->
                </div> <!-- ja_bg div ends -->
                <div class="ja_bg">
                	<div id="beratung">
                    	<h3>Beratung? 0163-2406489</h3>
                    <div class="ja">
                    	<h3>JA</h3>
                    </div> <!-- ends ja -->
                    </div> <!-- beratung end -->
                </div> <!-- ja_bg div ends -->
            </section> <!-- call section ends -->
        </aside> <!-- ends aside -->
    </div> <!-- ends wrapper -->
	<footer id="footer">
    	<ul>
        	<li><img id="footer_logo" src="Homepage/img/footer_logo.png"></li>
            <li>Dürerstrasse 3a</li>
            <li>76149 KA-Neureut</li>
            <li>Tel: 0721-569876</li>
            <li>Fax: 0721-569873</li>
            <li>Mobil: 0163-2406498</li>
            <li class="watermarks"><img src="Homepage/img/twitter.png"></li>
            <li class="watermarks"><img src="Homepage/img/twitter.png"></li>
            <li id="footer_nav"><a href="#">Home</a> | <a href="#">Kontakt</a> | <a href="#">Impressum</a> | <a href="#">Sitemap</a></li>
        </ul>
    </footer> <!-- footer ends -->
</body>
</html>

Würde mich echt sehr freuen, wenn mir jemand helfen würde.

mit Freundlichen Grüßen
Crunyk187

BTW; Ihr braucht nicht den HTML code umzuschrieben. Würde mich einfach nur um verbesserungsvorschläge freuen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.07.2014, 22:42
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2010
Beiträge: 530
K.Roland wird schon bald berühmt werden
Standard

Bitte checke dein Code mit dem Validator!
40 Fehler / 15 Warnungen

- Unclosed element h3
- Duplicate ID beratung
- alt attribute fehlen
usw.

____________
MfG Roland
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
tabel Darstellungsunterschied zwischen html und xhtml SteveB (X)HTML 13 07.05.2011 11:13
Css - html Roadrunner1 (X)HTML 1 03.05.2011 13:10
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 12:25
CSS in HTML - Hintergrundbild wird nicht angezeigt fossy CSS 7 11.10.2007 17:17
star html hack -feststehender footer chritian CSS 3 17.09.2007 10:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:48 Uhr.