Galerie de cartes mentales HTML
Cette carte résume le contenu des connaissances HTML, y compris la syntaxe de base, les balises de structure de base, les codes de caractères spéciaux, la requête de document, les balises communes, etc.
Modifié à 2022-04-04 13:56:27This 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.
HTML
Balises communes
<h1>-<h6> balises de titre
L'importance diminue progressivement de 1 à 6 et la taille de la police devient également plus petite.
<p></p>Balise de paragraphe
Divisez les paragraphes et retournez automatiquement les lignes
<br/>Balise de saut de ligne, balise unique
balise de mise en page
<div></div>Placez-en un par ligne
<span></span>Vous pouvez en mettre plusieurs sur une seule ligne
balise d'image
<img>
Attributs pouvant être ajoutés
attribut obligatoire src, chemin de l'image
chemin
L'image est relative à l'interface où se trouve la page html
Utilisez ../**** dans les fichiers de niveau supérieur
Utilisez /**** dans les fichiers de niveau inférieur
Ou utilisez le chemin complet
Texte qui apparaît lorsque les images alternatives ne peuvent pas être affichées
titreLe texte affiché lorsque la souris est placée sur l'image
widthLa largeur de l'image
hauteurLa hauteur de l'image
épaisseur de la bordure de l'image
balise de formatage du texte
<strong></strong> ou <b></b> gras
<em></em>ou <i></i>inclinaison
<del></del>Biffer
<ins></ins><u></u>Souligner
balise de lien hypertexte
<ahref="Jump target" target="Méthode Pop-up de la fenêtre cible" texte ou image > </a>
Ce qui suit ahref est l'adresse de la cible du lien, qui est un attribut obligatoire.
La valeur par défaut de target est _self pour ouvrir dans la fenêtre actuelle, _blank pour ouvrir dans une nouvelle fenêtre
Pour les liens externes, l'adresse complète telle que http://www doit être écrite en ahref.
Pour les liens internes, écrivez simplement le nom de la page interne
Connexion vide, aucune cible de lien n'est déterminée, juste la <a href="#">Page d'accueil</a>
Lien de téléchargement, href contient un fichier ou un package compressé
Liens d'éléments Web, ajoutez des hyperliens vers divers éléments Web dans la page Web
Les liens d'ancrage peuvent localiser rapidement un certain emplacement sur la page
Dans l'attribut href, définissez la valeur de l'attribut sur #name
Ajoutez un attribut id à la balise d'emplacement cible portant le même nom
étiquette de tableau
Format de base <table> <tr><td><td><tr> <table>
<table> est la balise utilisée pour définir la table
<tr> est une ligne de la table de définition et doit être imbriquée dans <table>
<td> est une colonne de la table de définition et doit être imbriquée dans <tr>
Vous pouvez utiliser <th> au début du tableau et le contenu sera en gras et centré.
Balise de structure de table
<thread>Balise d'en-tête du tableau
Il doit y avoir <tr> à l'intérieur, généralement situé sur la première ligne
<tbody>La zone du corps de la table
propriétés du tableau
aligner
Alignement, les valeurs incluent gauche, centre, droite, etc.
frontière
1 ou "" avec ou sans bordures, la valeur par défaut est "" sans bordures
rembourrage cellulaire
Spécifie l'espace entre le bord de la cellule et son contenu
espacement des cellules
Spécifiez l'espace entre les cellules
largeur
Spécifiez la largeur du tableau
Comment fusionner des cellules
rowspan="Nombre de cellules fusionnées"
D'ACCORD
colspan="Nombre de cellules fusionnées"
Liste
La méthode de fusion est la fusion vers le haut ou la fusion vers la gauche.
balise de liste
liste non ordonnée
<ul><li></li></ul>
liste ordonnée
<ol><li></li></ul>
Liste customisée
<dl><dt></dt><dd></dd></dl>
<dt> sert à définir le projet/nom, <dd> sert à décrire chaque projet/nom
champs de formulaire
<form action=URL method=Nom de la méthode de soumission=Nom du champ du formulaire>Contenu</form>
Les attributs
action : URL du programme serveur utilisé pour recevoir et traiter les données du formulaire
méthode : vous pouvez remplir get/post
nom : utilisé pour spécifier le nom du formulaire afin de distinguer plusieurs champs de formulaire sur une page
balise de formulaire
<entrée>
étiquette unique
Utilisé pour collecter des informations sur les utilisateurs
Les attributs
type
Utilisé pour spécifier différents types de contrôle
valeur d'attribut
bouton
cliquez sur le bouton
case à cocher
case à cocher
déposer
Champs de saisie et boutons de navigation
caché
Champs masqués
image
Bouton Soumettre sous forme d'image
mot de passe
Champ mot de passe, caractères masqués
radio
bouton unique
réinitialiser
bouton de réinitialisation
soumettre
Bouton Soumettre pour soumettre le formulaire au serveur
texte
Champ de saisie sur une seule ligne, d'une largeur de 20 caractères
nom
Définir le nom de l'élément d'entrée
Les boutons radio et les cases à cocher doivent avoir la même valeur de nom
valeur
Spécifie la valeur de l'élément d'entrée
vérifié
Spécifie que cette entrée est sélectionnée lors de son premier chargement
longueur maximale
Spécifie la longueur maximale des caractères du champ de saisie
<sélectionner>
la liste déroulante
Une sélection contient au moins une paire d'options
Définissez select = "selected" dans <option> et cette option sera l'option par défaut.
Format :<select><option>Sélectionner 1</option></select>
<zone de texte>
Contrôle pour définir la saisie de texte multiligne
Formater le <textarea rows="" cols="">Contenu du texte</textarea>
rows est le nombre de lignes, cols est le nombre de caractères dans chaque ligne
Balise <Étiquette>
Lier les éléments du formulaire Lorsque vous cliquez sur le texte dans la balise <Label>, le navigateur mettra automatiquement le focus sur ou sélectionnera l'élément de formulaire correspondant pour améliorer l'expérience utilisateur.
Syntaxe : <label for="nom personnalisé"></label> <input type="" id="nom personnalisé">
Noyau : la valeur de l'attribut dans for est la même que la valeur de l'attribut dans id
Revision de document
Baidu
http://www.baidu.com
W3C
http://www.w3school.com.cn/
MDN
http://developers.mozilla.org/zh-CN/
code de caractère spécial
caractère spatial
& nbsp
Moins que le signe
<
Plus grand que le signe
>
Signe de multiplication
&fois
signe de division
&diviser
balise de structure de base
<html></html>
La plus grande balise de la page : la balise suivante
<tête></tête>
En-tête du document
<corps></corps>
tout ce qui contient l'élément
<titre></titre>
Le titre du document
grammaire de base
La plupart des étiquettes sont des étiquettes doubles
<!DOCTYPE> est le fichier de déclaration d'entête
<lang> exprime le type de langue, en est l'anglais, zh-CN est le chinois
L'attribut charset dans <meta> est la norme d'encodage du document
Les annotations commencent par <!-- --> et se terminent par
Touche de raccourci ctrl /