Langue de balisage de texte HTYPER, c'est-à-dire le langage de balisage hypertexte
Hypertext: Cela signifie que la page peut contenir des éléments non texte tels que des images, des liens et même de la musique, des programmes.
Langue de balisage: une langue composée de marques (étiquettes).
Page Web == Document HTML, analysé par le navigateur, utilisé pour afficher
Page Web statique: ressources statiques, telles que xxx.html
Page Web dynamique: le code HTML est généré dynamiquement par un langage de développement basé sur les demandes de l'utilisateur.
Ce qui suit est le diagramme de structure d'arbre du fichier HTML
Concept de balise:• Il est composé de mots enveloppés par une paire de supports d'angle. Par exemple: <html> * Les mots de toutes les balises ne peuvent pas commencer par des nombres.
• Les balises sont insensibles à la casse. <Html> et <html>. En minuscules sont recommandés.
• La balise est divisée en deux parties: la balise de démarrage <a> et la balise de fin </a>. La partie entre les deux balises est appelée le corps de tag.
• Certaines fonctions de balise sont relativement simples. Utilisez simplement une balise. Cette balise est appelée autisme et tags. Par exemple: <br/> <hr /> <input /> <img />
• Les balises peuvent être imbriquées. Mais ils ne peuvent pas être crosés. <a> <b> </a> </b>
Propriétés des balises:• Habituellement, il apparaît sous la forme de paires de valeurs clés. Par exemple, nom = Alex
• Les propriétés ne peuvent apparaître que dans la balise de démarrage ou l'autisme et les balises.
• Les noms d'attribut sont tous minuscules. * Les valeurs d'attribut doivent être enveloppées dans des devis doubles ou des devis simples, par exemple nom = Alex
• Si la valeur d'attribut et le nom d'attribut sont exactement les mêmes, écrivez simplement le nom d'attribut directement. Par exemple, Readonly
2. Introduction aux étiquettes principales de la tête• <Meta> Composition des balises Meta: il y a deux attributs dans la balise META, l'attribut de nom, respectivement, l'attribut HTTP-Equiv et l'attribut de nom. Différents attributs ont des valeurs de paramètres différentes et ces différentes valeurs de paramètres réalisent différentes fonctions de page Web.
1 L'attribut de nom est principalement utilisé pour décrire une page Web et la valeur d'attribut correspondante est contenu. Le contenu du contenu est principalement utilisé par les robots de recherche de moteurs pour trouver des informations et classer les informations.
<meta name = keywordScontent = Meta Résumé, HTML Meta, Meta Attribut, Meta Jump>
<Meta name = DescriptionContent = Old Boy Training Institution est créé par un vieux garçon>
2 HTTP-Equiv, comme son nom l'indique, équivaut à l'en-tête de fichier de HTTP. Il peut transmettre des informations utiles au navigateur pour aider à afficher correctement le contenu de la page Web. La valeur d'attribut correspondante est contenu. Le contenu du contenu est en fait la valeur variable de chaque paramètre.
<meta http-equiv = refreshContent = 2; url = https: //www.vevb.com> // (notez les citations par la suite, qui sont avant les secondes et après l'URL respectivement)
<meta http-equiv = content-typecontent = text / html; charset = utf8>
<meta http-equiv = contenu compatible x-ua = ie = edge, chrome = 1>
• <Title> Old Boy </Title>
• <link rel = icon href = http: //www.jd.com/favicon.ico>
3. Étiquettes corporelles Tags de base:<hn>: La plage de valeur de n est de 1 ~ 6; de grand à petit. Utilisé pour représenter le titre.
<p>: Tag de paragraphe. Le contenu du package est enveloppé en ligne. Il y a aussi une ligne vide entre le contenu supérieur et inférieur.
<b> <strong>: balise audacieuse.
<frève>: Ajoutez une ligne médiane au texte.
<em>: Le texte devient italique.
<Up> et <boup>: marqueurs d'angle supérieur et tables d'angle inférieures.
<br>: Ligne de marque.
<hr>: ligne horizontale
<p> <span>
Tags au niveau des blocs et en ligne
Tag au niveau des blocs: <p> <h1> <pable> <L> <ul> <form> <p>
Tags en ligne: <a> <fort> <img> <band> <p> <TextArea> <span>
Caractéristiques des éléments de bloc① Commencez toujours sur une nouvelle ligne;
② Hauteur, hauteur de ligne, marge extérieure et marge intérieure peuvent être contrôlées;
③ La largeur par défaut est de 100% de son conteneur, sauf si une largeur est définie.
④ Il peut accueillir des éléments en ligne et d'autres éléments de bloc
Caractéristiques des éléments en ligne① et d'autres éléments sont sur la même ligne;
② Hauteur, la hauteur de la ligne, la marge extérieure et la marge intérieure ne peuvent pas être modifiées;
③ La largeur est la largeur de son texte ou de son image et ne peut pas être modifiée
④ Les éléments en ligne ne peuvent accueillir que du texte ou d'autres éléments en ligne
Pour les éléments de la ligne, veuillez prêter attention aux éléments suivants
La largeur du réglage n'est pas valide.
La hauteur de réglage n'est pas valide, vous pouvez le régler à travers la hauteur de ligne.
La marge de réglage seules les marges sont valides, mais les pièces supérieures et inférieures ne sont pas valides.
La définition du rembourrage uniquement et le rembourrage droit est valide, mais de haut en bas n'est pas valide. Notez que la gamme d'éléments a augmenté, mais elle n'a aucun effet sur le contenu autour des éléments.
Caractères spéciaux:& lt; & gt; & quot; & copy; & reg;
Tag graphique <IMG>:
SRC: le chemin pour afficher l'image.
Alt: l'invite lorsque l'image n'est pas chargée avec succès.
Titre: Message rapide lorsque la souris est suspendue.
Largeur: la largeur de l'image
Hauteur: La hauteur de l'image (une seule des deux propriétés de largeur et de hauteur sera automatiquement évolutive également.)
Tag hyperlien <a>:
HREF: le chemin de la ressource pour se connecter est le suivant: href = https: //www.vevb.com
Target: _blank: ouvre l'hyperlien dans une nouvelle fenêtre. Nom de la trame: ouvre le contenu de connexion dans la trame spécifiée.
Nom: définit le signet d'une page.
Utilisé pour sauter HREF: #Bookmark Nom.
Liste des balises:<ul>: Liste non ordonnée
<l>: Liste commandée
<li>: Chaque élément de la liste.
<dl> Liste de définition
<dt> Liste du titre
<dd> répertorier les éléments
TAGE TAGE <ABLIQUE>:
Border: Table Border.
CELLPADDING: marge intérieure
Placement de cellule: marge.
Largeur: pourcentage de pixels. (Il est préférable de régler la longueur et la largeur par CSS)
<tr>: ligne de table
<h>: cellule de tête de table
<TD>: cellule de données de table
Rowspan: combien de lignes se transforment verticalement
COLSPAN: Combien de colonnes d'une cellule s'étend (c'est-à-dire des cellules fusionner)
<h>: En-tête de table <Tbody> (pas couramment utilisé): Partitiont la table
Form Form <form>
Le formulaire est utilisé pour transférer des données sur le serveur.
Le formulaire peut contenir des éléments d'entrée, tels que les champs de texte, les cases à cocher, les boîtes de radio, les boutons de soumission, etc.
Le formulaire peut également contenir des éléments TextArea, Select, Fieldset et Labed.
1. Propriétés du formulaireLes formulaires HTML sont utilisés pour recevoir différents types d'entrée utilisateur. Lorsque l'utilisateur soumet le formulaire, les données sont transmises au serveur, réalisant ainsi l'interaction entre l'utilisateur et le serveur Web. Tags de formulaire, tout ce qui est à soumettre doit être dans cette balise.
Action: où soumettre le formulaire. Généralement, il pointe vers un programme sur le serveur. Le programme reçoit les données soumises par le formulaire (c'est-à-dire la valeur de l'élément de formulaire) pour un traitement correspondant, tel que https://www.sogou.com/web
Méthode: Le formulaire est soumis par Post / Get. La valeur par défaut est GET (enveloppe)
Obtenez: 1. Paires de valeurs clés soumises. Placer après l'URL dans la barre d'adresse. 2. Sécurité relativement mauvaise. 3. Il y a des restrictions sur la durée du contenu soumis.
Post: 1. La paire de valeurs clés soumises n'est pas dans la barre d'adresse. 2. La sécurité est relativement élevée. 3. Il n'y a pas de limite théorique sur la durée du contenu soumis.
Get / Post sont deux méthodes de demande communes.
2. Formez des éléments<fort>
taper:
Texte du texte Boîte d'entrée
Mot de passe Boîte d'entrée de mot de passe
Radio Radio Select Box
cocher la boîte à cocher plusieurs cases de sélection
bouton de soumettre
Bouton du bouton (doit être utilisé avec JS.) Quelle est la différence entre le bouton et la soumission?
Fichier Soumettre Fichier: Le formulaire doit ajouter un attribut enctype = multipart / formulaire de formulaire
CODE XML / HTML COPIE COPIRE DU PIRMOCHE