Résumé de l'apprentissage des balises HTML et des éléments de base
1. Éléments et balises en HTML L'élément
est une plage d'inclusion définie par une seule ou une paire de balises. Une étiquette est une chaîne avec un signe inférieur à (<) et un signe supérieur à (>) respectivement à gauche et à droite. La balise de début fait référence à une balise qui ne commence pas par une barre oblique (/) et contient une liste de paires attribut-valeur autorisées. La balise de fermeture est une balise qui commence par une barre oblique (/). Par exemple :
<body><!—Balise de début-->
<font color=”read”>Connection</font> paire attribut - valeur. "Connexion" est le contenu-->
</body><!—Balise de fin-->
Quatre formes d'éléments HTML
Élément vide<br>
Élément vide avec attributs<hr color=”blue”>
Élément avec contenu<titre>Connexion</titre> font color="read">Connection</font>
En résumé, l'exemple ci-dessus
<html> // Symbole de démarrage. Il peut également être analysé s'il n'y a pas de navigateur
<head>//Démarrer l'en-tête du document <title> cauthy!/ /Début du titre du document
</title>//Fin du titre du document
</head>//Fin de l'en-tête du document
<body color= "red">//Début du corps du document
Hello World!//Contenu affiché par le navigateur
</body>//Fin du corps du document
</html>//Fin du document HTML
3. Balises liées au contrôle des paragraphes <palign=”#”> . L'attribut align indique l'alignement des segments, qui peut être justifié à gauche et à droite <br> indique un saut de ligne
<hrcolor=””> indique une règle horizontale. . L'attribut indique la couleur. Lire le vert peut également utiliser des nombres hexadécimaux, tels que #ffoooo
.
<html> <head> <title>静夜思</title> </head> <body> <p align="center">静夜思</p> <hr color="#ffoooo"> <p align="center">床前明月光，疑是地上霜。举头望明月，低头思故乡。</p> </body> </html>
4. Balises liées à l'affichage du texte
<center>…</center> : Centrer l'affichage du texte
<hn align= " ">...<hn> : permet d'indiquer le titre du document, n est un entier de 1 à 6, 1 représente le titre le plus grand, l'attribut align indique l'alignement du titre, qui peut être centré, gauche droite
< ;fontsize=”n” color=””>…</font> : utilisé pour définir la police, size représente la taille de la police, n peut être un entier de 1 à 7, plus la taille est grande numéro, plus la police affichée est grande.
<b>…</b> : définir le texte en gras
<i>…</i> : définir le texte en italique
5. Comment saisir des caractères spéciaux
Dans les documents HTML, les symboles tels que les espaces insécables, les retours chariot, les mots réservés HTML et certains caractères qui n'existent pas dans le clavier doivent être cités. Il existe deux types de référence en HTML : la référence de caractère et la référence d'entité.
Les références de caractères et les références d’entités commencent toutes deux par un & et se terminent par un point-virgule (;). Si vous utilisez une référence de caractère, vous devez ajouter un # après &, suivi du code décimal ou du code hexadécimal du caractère requis (l'encodage des caractères dans le jeu de caractères ISO 10646). Si vous utilisez une référence d'entité, écrivez le caractère mnémonique après le &.
En HTML, les espaces peuvent être saisis en utilisant des espaces pleine largeur.
6. Commentaires en HTML
<!--Voici le contenu du commentaire--> >
7. Table de classe - Créez une liste numérotée
Utilisez les balises <ol> et <li> Vous pouvez utiliser l'attribut type pour spécifier le type de système de numérotation, A (A, B, C), a (a, b, c), I (III III), i (i ii iii) 1 (1, 2, 3) par défaut Utilisez l'attribut start dans la balise <ol> pour définir le numéro de séquence de départ. Utilisez l'attribut value dans la balise <li> pour modifier l'ordre de numérotation dans la liste.
Créez des listes à puces à l'aide des balises <ul> L'attribut de type dans Ul peut être un disque (cercle plein) un carré (carré plein) un cercle (cercle vide)
Utilisez les balises <dl> et <dt> dt> crée une liste en retrait.
Utilisez les balises <dt> et <dd> dans l'élément <dl> Un élément de liste dans une liste de termes se compose de deux parties : le terme et sa description. Le terme est spécifié par la balise <dt> et la description est spécifiée par la balise <dd>.
<ol start="10"type="I">
<li>Mathématiques
<livalue="20">Chinois
<li>Physique
</ol>
<ul type="circle">
<li>Mathématiques
<li>Chinois
<li>Physique
< /ul>
<dl >
<dt>Mathématiques
<dd>Chinois
<dt>Physique
<dd>Chimie
</dl> ;
8. Tableau
Le tableau utilise <table border= n align=”” bgcolor=””>…< /table>, où border est la largeur du tableau et la valeur par défaut est 0, ce qui signifie que la largeur du tableau n'est pas affichée.
<caption>…</caption> : Utilisé pour définir le titre du tableau
<tralign=”” valign=”” >…</br> : L’attribut align spécifie l’horizontale direction de cette ligne Pour sa méthode, vous pouvez spécifier l'alignement vertical pour leftcenter right .valign, qui peut être haut, milieu, bas
<th>…</th> : utilisé pour définir l'en-tête du tableau
<td> ;...</td> : utilisé pour définir les cellules
<html> <head><title>表格</title></head> <body> <table border="5"align="center" bgcolor="bule"> <caption>考试成绩</caption> <tr align="center"valign="middle"> <th>语文</th> <th>数学</th> <th>英语</th> </tr> <tr align="center"valign="middle" > <td>80</td> <td>70</td> <td>60</td> <tr align="center"valign="middle" > <td>60</td> <td>70</td> <td>80</td> </table> </body> </html>
9. Création du formulaire
<form method="get or post ”action="URL"> : La méthode d'attribut précise lors de l'envoi des données à le serveur La méthode HTTP utilisée peut être la méthode get ou post. Get est la méthode par défaut Lorsqu'un formulaire est soumis à l'aide de la méthode get, les données soumises sont ajoutées à la fin de l'URL (spécifiées dans l'action d'attribut) et envoyées au serveur dans le cadre de l'URL. Par exemple, nous spécifions. l'action comme reg.asp, Lorsque le formulaire est soumis, dans l'adresse du navigateur, nous verrons, http://localhost:8080/reg.asp?user=zhangsan&pwd=1234
La méthode Post consiste à envoyer les informations dans le menu sous forme de bloc de données Vers le serveur, quelle que soit la méthode utilisée, l'encodage des données est le même, au format : nom1=valeur1&nom2=valeur2
L'action d'attribut précise l'adresse du script qui traite le formulaire, c'est-à-dire qu'une fois le formulaire soumis au serveur, qui le gérera, spécifiez l'URL du gestionnaire dans l'action
<inputtype=”” name=”” size=”” value=” ”> : type précise le type de champ à créer. L'attribut name est utilisé pour spécifier le nom du contrôle. Le script côté serveur qui traite le formulaire peut obtenir les données du formulaire représentées par la paire nom-valeur. À l'aide du nom, la valeur correspondante peut être récupérée. La propriété Name n'est pas affichée dans le formulaire et la propriété size est utilisée pour définir la largeur initiale des contrôles dans le formulaire. L'attribut value spécifie la valeur initiale du contrôle.
Contrôle de saisie de texte sur une seule ligne (type="text") Bouton d'envoi (type="submit")
Bouton de réinitialisation (type="rest") Contrôle de saisie de mot de passe (type="password")
Single Bouton de sélection (type=”radio”) Case à cocher (type=”checkbox”) Contrôle masqué (type=”hidden”)
Créer une saisie de texte multiligne<textarea name=”” rows=”” cols=” ” >…</textarea>
L'exemple suivant utilise un tableau pour contrôler le formulaire
<html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <form method="get"action=""> <table border="0"> <tr valign="middle"></tr> <td>用户名：</td> <td><input type="text" size="20" name ="user"></td> <tr align="left" valign="middle"></tr> <td>密码：</td> <td><input type="password"></td> <tr align="left" valign="middle"> </tr> <td>兴趣</td> <td><input type="checkbox" name="interest" value="football">足球 <input type="checkbox" name="interest"value="basketball">篮球 </td> <tr align="left"valign="middle"></tr> <td>性别</td> <td><input type="radio" name="sex" checked value="1">男 <input type="radio" name="sex" value="0">女 </td> </select></td> <tr align="left" valign="middle"></tr> <tdvalign="top">个人简介：</td> <td><textarea name="personal" rols="5" cols="20">个人简介</textarea> </td> <tr align="left"valign="middle"></tr> <td></td> <td><input type="hidden" value="001" name="id"></td> <tr align="left" valign="middle"></tr> <td></td> <td><input type="reset" value="重置"><input type="submit" value="提交"></td> </table> </form> </body> </html>
Hyperliens
<a href="URL">...Texte du lien</a>
<a href="form.html">Répertoire actuel</a> ahref=../”form.html”>Le répertoire un niveau au-dessus du répertoire actuel</a>
<ahref=”E://form.html”>Chemin absolu</a> ><ahref="http://www.baidu.com">Adresse World Wide Web</a>
11. >
<img src="URL" alt="texte de remplacement" height="42" width="42">
