2016-06-03 8 views
0

ich arbeite in HTML5 und dies ist mein Code, und ich bin nach diesem tutorial- https://www.youtube.com/watch?v=kDyJN7qQETAHTML5-Anker arbeitet nicht

Der Code -

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<body> 
<article>Hello</article> 
<meta name="description" content="Vaibhav chhabra"/> 


<a name="pageTop">Top of page</a> 

<a href="html5.html#pageBottom">Bottom of page</a> 

<br><br><br> 
<a href="youtube.com" title="Youtube Site website Titile" >Youtbe alone</a> 

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 

<p>Hello Worlddddd22222222dddddd</p> 
<a href="html5.html#pageTop">Top of Page</a> 
<a id="pageBottom">Bottom of page</a><br> 
</body> 
</head> 
</html> 

Wenn ich auf der Unterseite Hyperlink Seite klicken statt Einnahme Ich am Ende der Seite, es dauert mich Seite nicht gefunden Fehler, ist das Problem mit Page Top. PLZ Hilfe

+2

Wo ist Ihr 'body'-Tag? –

+0

Sie öffnen nicht das '' Tag und Sie haben ein '' in Ihrem '' Tag. Unabnehmbar für mich, jedes grundlegende HTML-Tutorial gibt Ihnen Hinweise darauf. – briosheje

+0

Wenn Sie versuchen, Anker in einem pagea zu verwenden, müssen Sie den Dateinamen nicht angeben. '...' wäre alles was Sie brauchen. und wenn Ihre Testdatei NICHT 'html5.html' heißt, dann verlinken Sie mit einem Anker auf einer VERSCHIEDENEN Seite. –

Antwort

-1

Es gibt einige Fehler in Ihrem Code. Ich habe es für Sie behoben. CODE-

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta name="description" content="Vaibhav vaihhbhav chhabra" /> 
<meta charset="UTF-8"> 
</head> 
<body> 
<article>Hello</article> 
<a name="pageTop">Top of page</a> 
<a href="#pageBottom">Bottom of page</a> 
<br> 
<br> 
<br> 
<a href="youtube.com" title="Youtube Site website Titile">Youtbe alone</a> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br><br> 
<br> 
<br><br> 
<br> 
<br><br> 


<p>Hello Worlddddd22222222dddddd</p> 
< a href="#pageTop">Top of Page</a> 
<a id="pageBottom">Bottom of page</a> 
<br> 
</body> 
</html> 
+0

Was haben Sie reparieren? Bitte erläutern Sie Ihre Antwort. – whipdancer

3

Ihr Code sollte wie erwartet funktionieren, jedoch scheint Ihr Markup überall zu sein (z. B. falsch platzierte oder fehlende Tags).

Wenn Sie Ihren Link erwarten auf der gleichen Seite zu sein, sollten Sie zeigen nur auf den Anker selbst:

<a href='#pageBottom'>Bottom of Page</a> 

den href='#html5.html#pageBottom Ansatz wird so lange arbeiten, wie Sie tatsächlich eine Seite aufgerufen haben, dass innerhalb einer zugänglichen Verzeichnis von Ihrem aktuellen Standort.

Beispiel

enter image description here

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta name="description" content="Vaibhav vaihhbhav chhabra" /> 
 
    <meta charset="UTF-8"> 
 
</head> 
 
<body> 
 
    <article>Hello</article> 
 
    <a name="pageTop">Top of page</a> 
 
    <a href="#pageBottom">Bottom of page</a> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <a href="youtube.com" title="Youtube Site website Titile">Youtbe alone</a> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <br> 
 
    <p>Hello Worlddddd22222222dddddd</p> 
 
    <a href="#pageTop">Top of Page</a> 
 
    <a id="pageBottom">Bottom of page</a> 
 
    <br> 
 
</body> 
 
</html>

+0

Wie hast du dieses animierte Bild erstellt? –

+0

Ich benutze häufig [Recordit] (http://recordit.co/), um einfache Gifs zu erstellen, und dann lade ich sie über Imgur hoch. Ich denke, es kann den Antworten oft ziemlich viel hinzufügen, anstatt den Leser dazu zu zwingen, die Ausschnitte explizit auszuprobieren. –

+0

Imugur funktioniert nicht in Indien :( –

0

Basic HTML:

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> <!--Emphasis on the opening body tag and that is outside the <head></head> section --> 

<h1></h1> 
<p></p> 

</body> 
</html> 

einErstellen.

Mit dem Attribut name kann ein Anker-Tag verwendet werden, um auf eine bestimmte Stelle auf einer Webseite zu zeigen.

<a name="top"></a> 
<a href="#top">Top</a>