Galerie de cartes mentales Balise HTML
D'après un certain cours de programmeur, les balises HTML compilées par moi-même sont relativement complètes.
Modifié à 2020-06-17 18:11:42This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about bacteria, and its main contents include: overview, morphology, types, structure, reproduction, distribution, application, and expansion. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about plant asexual reproduction, and its main contents include: concept, spore reproduction, vegetative reproduction, tissue culture, and buds. The summary is comprehensive and meticulous, suitable as review materials.
This is a mind map about the reproductive development of animals, and its main contents include: insects, frogs, birds, sexual reproduction, and asexual reproduction. The summary is comprehensive and meticulous, suitable as review materials.
Balise HTML
Balise de composition : Mémoriser
Balise de titre : Mémoriser
en-tête : double étiquette
<h1>, <h2>……
Six niveaux au total
À utiliser avec parcimonie, généralement pour les logos
Balises de paragraphe : mémoriser
paragraphe paragraphe : double étiquette
<p>
Le texte d'un paragraphe sera généralement automatiquement renvoyé à la ligne en fonction de la taille du navigateur.
Étiquette de ligne horizontale : compréhension
ligne horizontale horizontale : étiquette unique
<heure />
Le style par défaut des lignes horizontales est affiché sur la page Web.
Balise de saut de ligne : Mémoriser
pause : étiquette unique
<br />
ajouter à la fin
Balise span div : focus
division division, partition
envergure, envergure, plage
Ce sont tous des étiquettes doubles et dénuées de sens.
Ce sont les deux cases de la mise en page de notre page Web.
Balises de formatage du texte : Mémoriser
gras gras
<b>, <strong> : balises doubles
Strong est recommandé pour XHTML
inclinaison
<i>, <em> : balises doubles
em est recommandé pour xhtml
barré
<s>, <del> : balises doubles
Il est recommandé d'utiliser del pour XHTML
Souligner
<u>, <ins> : balises doubles
XHTML recommande d'utiliser ins
Balise d'image : focus
<img src="URL de l'image" />
étiquette unique
L'attribut src dans cette syntaxe est utilisé pour spécifier le chemin et le nom du fichier image. Il s'agit d'un attribut obligatoire de la balise img.
Attribut de balise <img />
attribut src
valeur de l'attribut URL
chemin de l'image
attribut alt
texte ~
Texte de remplacement lorsque l'image ne peut pas être affichée
attribut de titre
texte ~
Contenu affiché au survol de la souris
attribut de largeur
Pixel~ (XHTML ne prend pas en charge le pourcentage de page)
Définir la largeur de l'image
attribut de hauteur
Pixel~ (XHTML ne prend pas en charge le pourcentage de page)
Définir la hauteur de l'image
En règle générale, vous n'avez besoin de modifier qu'un seul élément et l'autre élément sera mis à l'échelle proportionnellement.
propriété frontalière
Numéro ~
Définir la largeur de la bordure de l'image
Non recommandé
Balise de lien : focus
<a href="Jump target" target="Comment la fenêtre cible apparaît">Texte ou image</a>
1. Les liens externes doivent ajouter http://
Par exemple http://www.baidu.com
2. Lien de contenu : lien direct vers le nom de la page interne
Par exemple, <a href="index.html">Page d'accueil</a>
3. Si la cible de la connexion n'est pas déterminée à ce moment-là, la valeur de l'attribut href de la balise de lien est généralement définie comme "#" (c'est-à-dire href="#"), ce qui signifie que le lien est temporairement un lien vide.
4. Non seulement vous pouvez créer des hyperliens textuels, mais vous pouvez également ajouter des hyperliens vers divers éléments Web de la page Web, tels que des images, des tableaux, de l'audio, des vidéos, etc.
Positionnement de l'ancre : double étiquette
Adapté aux pages longues, cliquez sur un mot-clé pour atteindre rapidement cette position sur la page
1. Utilisez "<a href="#id name">Texte du lien</a>" pour créer le texte du lien
2. Utilisez le nom d'identification correspondant pour marquer l'emplacement de la cible de saut.
identifiant = "vie"
Balise de base : balise unique
Ouvrir une nouvelle page
cible="_blank"
C'est trop gênant de perdre un par un
Accédez à votre propre page
cible="_self"
<base target="_blank" />
Entrez dans la balise head
Caractères spéciaux
balise d'annotation
<!-- Contenu du commentaire-->
1. C'est une très bonne habitude de codage d'utiliser davantage de balises de commentaires.
2. Le contenu de la balise de commentaire est destiné aux programmeurs et n'est pas exécuté par le navigateur.
3. Touches de raccourci pour les commentaires HTML
Ctrl/
Commentaires sur une seule ligne
Ctrl Maj /
Commentaires sur plusieurs lignes
Attribut d'étiquette
<Nom de la balise Attribut 1="Valeur de l'attribut 1" Attribut 2="Valeur de l'attribut 2"...>Contenu</Nom de la balise>
1. Les balises peuvent avoir plusieurs attributs, qui doivent être écrits dans la balise de début et situés après le nom de la balise.
2. Les attributs ne sont pas classés dans un ordre particulier. Les noms et attributs des balises, les attributs et les attributs sont tous séparés par des espaces.
3. Tout attribut d'étiquette a une valeur par défaut. Si l'attribut est omis, la valeur par défaut sera utilisée.
Prendre le format d'une paire clé-valeur, format clé = "valeur", attribut = valeur
Essayez de ne pas utiliser d'attributs de style