超链接实现书签
要实现书签，你就要了解，什么是锚（anchor）。锚（anchor）是引自于船只上的锚，锚被抛下后，船只就不容易飘走、迷路。实际上锚就是用于在单个页面内不同位置的跳转，有的地方叫做书签。涉及到的标签当然还是< a>标签,超级链接标签的name属性用于定义锚的名称，一个页面可以定义多个锚，通过超级链接的href属性可以根据name跳转到对应的锚。 如下实现跳转：
<a href="#跳转目的地名称">跳转起始字符</a> ... ... ... <a name="跳转目的地名称">跳转目的地字符</a>
下面我们就来具体的实现下：
<html> <head> <title>HTML</title> </head> <body style="font-size:20px"> <p style="text-align:center">网页书签</p> <p> <a href="#c1">网页一</a> </p> <p> <a href="#c2">网页二</a> </p> <p> <a href="#c3">网页三</a> </p> <p> <a href="#c4">网页四</a> </p> <p> <a href="#c5">网页五</a> </p> <h1><a name="c1"></a>网页链接一</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c2"></a>网页链接二</h1> <p>lalalaalalal</p> <p>内容</p> <p>lalalaalalal</p> <h1><a name="c3"></a>网页链接三</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c4"></a>网页链接四</h1> <p>内容</p> <p>lalalaalalal</p> <p>lalalaalalal</p> <h1><a name="c5"></a>c网页链接五</h1> <p>lalalaalalal</p> <p>lalalaalalal</p> <p>内容</p> </body> </html>
点击实现跳转
neue Datei
<html>
<head>
<title>HTML</title>
</head>
<body style="font-size:20px">
<p style="text-align:center">网页书签</p>
<p>
<a href="#c1">网页一</a>
</p>
<p>
<a href="#c2">网页二</a>
</p>
<p>
<a href="#c3">网页三</a>
</p>
<p>
<a href="#c4">网页四</a>
</p>
<p>
<a href="#c5">网页五</a>
</p>
<h1><a name="c1"></a>网页链接一</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c2"></a>网页链接二</h1>
<p>lalalaalalal</p>
<p>内容</p>
<p>lalalaalalal</p>
<h1><a name="c3"></a>网页链接三</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c4"></a>网页链接四</h1>
<p>内容</p>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<h1><a name="c5"></a>c网页链接五</h1>
<p>lalalaalalal</p>
<p>lalalaalalal</p>
<p>内容</p>
</body>
</html>
Vorschau
Clear
- Kursempfehlungen
- Kursunterlagen herunterladen
Die Kursunterlagen stehen derzeit nicht zum Download zur Verfügung. Die Mitarbeiter organisieren es derzeit. Bitte schenken Sie diesem Kurs in Zukunft mehr Aufmerksamkeit
Auch Studierende, die diesen Kurs gesehen haben, lernen
Lassen Sie uns kurz über die Gründung eines Unternehmens in PHP sprechen
Kurze Einführung in die Web-Frontend-Entwicklung
Umfangreiche, praktische Tianlongbabu-Entwicklung eines Mini-Version-MVC-Frameworks, das die Enzyklopädie-Website mit peinlichen Dingen imitiert
Erste Schritte mit der praktischen PHP-Entwicklung: Schnelle PHP-Erstellung [Small Business Forum]
Anmeldebestätigung und klassisches Message Board
Wissenssammlung über Computernetzwerke
Schnellstart-Node.JS-Vollversion
Der Frontend-Kurs, der Sie am besten versteht: HTML5/CSS3/ES6/NPM/Vue/...[Original]
Schreiben Sie Ihr eigenes PHP-MVC-Framework (40 Kapitel ausführlich/große Details/Muss gelesen werden, damit Neulinge vorankommen)