Heim >Web-Frontend >HTML-Tutorial >Beispielanwendung von HTML-Frame-Tags

Beispielanwendung von HTML-Frame-Tags

巴扎黑
巴扎黑Original
2017-06-07 16:46:252385Durchsuche

1. Die wichtigsten grundlegenden Tags in HTML sind wie folgt:

Kommentar-Tag;

Absatz-Tag

;

Titel-Tag

, die Parameter dieses Tags stammen von h1~h6;

Zeilenumbruch-Tag
oder
;

(Schriftart) fett gedruckte Tags ;

(Schriftart) kursive Tags ;

Hochgestellt;

Vorformatiertes Tag

; Adress-Tag 
; del>; >Verbindungsbezeichnung;

Untere horizontale Linienbezeichnung
;

2 Label: Name

Zum Beispiel, um eine Verbindung zur Baidu-Homepage herzustellen:

[html] Nur-Kopie anzeigen

Baidu

Verbinden Sie das Bild als Schaltfläche mit dem angegebenen Pfad, wobei alt der Name ist, der durch Bewegen der Maus angezeigt wird, und src ist der Pfad des Bildes:

[html] einfache Kopie anzeigen

Baidu" src="smile.png">

Öffnen Sie die Verbindung in einem neuen Browser:

[html] Klartext anzeigen

Baidu

Springe zum angegebenen Absatz der aktuellen Seite:

[ html] reine Kopie anzeigen

Jump

                                  Absatz a1

> Absatz a1< ;/a>

3. Vertikale Rahmenstruktur, die Seite ist vertikal in drei Abschnitte unterteilt .

Die Verzeichnisstruktur ist wie folgt:

f1.html-Code

f2.html-Code

f3.html-Code

frame.html-Code

Ergebnisdiagramm ausführen


Beispiel 2. Strukturelles Gerüst mischen.

Die Verzeichnisstruktur ist wie folgt:

Beispielanwendung von HTML-Frame-Tags

f1.html-Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    最左边框架  
</body>  
</html>

f2.html-Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    中间框架  
</body>  
</html>

f3.html-Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Insert title here</title>  
</head>  
<body>  
    最右边框架  
</body>  
</html>

menu2.html-Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>框架结构</title>  
<!-- 框架结构,frameset不需要写在body里面 -->  
</head>  
<!-- 垂直结构框架用cols,水平框架用rows -->  
<frameset cols="30%,40%,30%">  
    <frame src="f1.html">  
    <frame src="f2.html">  
    <frame src="f3.html">  
</frameset>  
</html>

frame.html-Code

Beispielanwendung von HTML-Frame-Tags

Ergebnisdiagramm ausführen

Das obige ist der detaillierte Inhalt vonBeispielanwendung von HTML-Frame-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn