Maison > interface Web > tutoriel HTML > le corps du texte

Exemple d'application des balises de cadre HTML

巴扎黑
Libérer: 2017-06-07 16:46:25
original
2308 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

Baidu

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.htmlExemple dapplication des balises de cadre HTML

Exécuter le graphique des résultats

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!