Exemple d'application des balises de cadre HTML-tutoriel HTML-php.cn

Exemple d'application des balises de cadre HTML

巴扎黑

Libérer： 2017-06-07 16:46:25

original

2342 Les gens l'ont consulté

1. Les principales balises de base en HTML sont les suivantes :

Balise de commentaire;

Balise de paragraphe

;

Balise de titre

, les paramètres de cette balise sont de h1~h6;

Balise de saut de ligne
ou
;

(Police) balises en gras ;

(Police) balises en italique ;;

Exposant;

Balise préformatée

Copier après la connexion

; Balise d'adresse;

Supprimer la balise ;

Insérer une balise;

Étiquette de connexion;

Étiquette de la ligne horizontale inférieure< ;hr/>

[html] afficher la copie brute

Baidu

Connectez l'image sous forme de bouton au chemin spécifié, où alt est le nom affiché en déplaçant la souris, et src est le chemin de l'image :

[html] view plain copy

Ouvrir la connexion dans un nouveau navigateur :

[html] afficher la copie simple

Baidu

Sauter au paragraphe spécifié de la page actuelle :

[ html] afficher la copie brute

> Sauter

Paragraphe a1

>Paragraphe a1

HTML

Exemple 1. Structure de cadre vertical, la page divisée verticalement en trois sections.

La structure des répertoires est la suivante :

code f1.html

code f2.html

Code f3.html

code frame.html

Exécuter le graphique des résultats

Exemple 2. Mélange du cadre structurel.

La structure des répertoires est la suivante : Exemple dapplication des balises de cadre HTML

<!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>

Copier après la connexion

code f1.html

<!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>

Copier après la connexion

code f2.html

<!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>

Copier après la connexion

Code f3.html

<!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>

Copier après la connexion

Code menu2.html

Code frame.html Exemple dapplication des balises de cadre HTML