Clic droit → ouvrir dans le navigateur par défaut/autre

alt B/shift alt B

Remarque : ctrl / (ne peut pas être après l'instruction, une nouvelle ligne est requise)

<h1>Titre 1</h1>

h1-h6 (mis dans le corps)

Le curseur clignote à plusieurs endroits en même temps dans VS : Ctrl D

<p>Paragraphe</p>

Retour à la ligne automatique dans VScode : Barre de menus → Affichage → Retour à la ligne automatique

b : Gras

u : souligner

je: inclinaison

s : barré

fort : audacieux

ins : souligner

em : inclinaison

del : supprimer la ligne

Code `<img src=” ” alt=” ”>`

Attribut : src (chemin de l'image cible ; touche de raccourci : ./)

Attribut : alt (remplacer le texte ; afficher si le chargement de l'image échoue)

Attribut : titre (affiche le texte d'invite au survol de la souris)

Attributs : largeur/hauteur (il suffit d'écrire une image et elle ne sera pas déformée)

Chemin absolu : l'emplacement absolu sous le répertoire, qui peut atteindre directement l'emplacement cible

Chemin relatif : le processus de recherche du fichier cible à partir du fichier actuel

Insérer un fichier audio : touche de raccourci VScode : ./m... (recherche floue)

Code : `<audio src="./music.mp3" contrôles>texte</audio>`

Les attributs

Insérer un fichier vidéo : touche de raccourci VScode : ./m... (recherche floue)

Code : `<video src="./video.mp4" contrôles></video>`

Les attributs

href : à quelle page Web accéder après avoir cliqué (le chemin de la page Web cible)

target : le formulaire d'ouverture de la page Web cible

ul : représente la liste entière non ordonnée, utilisée pour envelopper la balise li

li : représente chaque élément de la liste non ordonnée, utilisé pour contenir le contenu de chaque ligne

La balise ul ne peut contenir que des balises li ; la balise li peut contenir n'importe quel contenu.

ol : représente la liste entière ordonnée, utilisée pour envelopper la balise li

li : représente chaque élément de la liste ordonnée, utilisé pour contenir le contenu de chaque ligne

La balise ol ne peut contenir que des balises li ; la balise li peut contenir n'importe quel contenu.

dl : représente l'intégralité de la liste personnalisée, utilisée pour envelopper les balises dt/dd

dt : représente le titre de la liste personnalisée

dd : indique que la liste personnalisée concerne chaque élément du thème

La balise dl ne peut contenir que des balises dt/dd ; la balise dt/dd peut contenir n'importe quel contenu.

table : table dans son ensemble, utilisée pour envelopper plusieurs tr

tr : chaque ligne du tableau, utilisée pour envelopper td

td : cellule de tableau, peut être utilisée pour envelopper le contenu

Relation d'imbrication des balises : table > tr > td

border="number": largeur de la bordure

width="numéro": largeur du tableau

height="numéro": hauteur de la table

Représente le titre global et une colonne de sous-titres dans un tableau

caption : titre du tableau (le titre du tableau entier, affiché en haut et au centre du tableau entier par défaut)

th : ​​cellule du tableau (indique une colonne de sous-titres, généralement utilisée dans la première ligne du tableau, le texte est en gras et centré)

Avis

thead : en-tête du tableau

tbody : corps de la table

tfoot : bas du tableau

table > tête > tr > td

rowspan="nombre de cellules fusionnées" : fusionner entre les lignes/fusionner verticalement

colspan="nombre de cellules fusionnées" : fusionner entre les colonnes/fusionner horizontalement

Introduction de base : l'entrée peut afficher différents effets via différentes valeurs d'attribut de type.

texte : zone de texte (texte sur une seule ligne)

mot de passe : boîte de mot de passe

radio : bouton radio

case à cocher : case à cocher

fichier : sélection de fichier

soumettre : bouton soumettre

réinitialiser : bouton de réinitialisation

en bas : bouton normal

soumettre : bouton soumettre

réinitialiser : bouton de réinitialisation

en bas : bouton normal

Contrôle de formulaire de menu déroulant qui fournit plusieurs sélections dans une page Web

select tag : tout le menu déroulant

balise d'option : chaque élément du menu déroulant

Exemple : `<select name="année"> <option value="">Veuillez sélectionner une année</option> <option value="">1990</option></select>`

rows : spécifie le nombre de lignes visibles dans le champ de texte

cols : spécifie la largeur visible dans le champ de texte

Le coin inférieur droit peut être déplacé pour modifier la taille ; pendant le développement réel, il est recommandé d'utiliser les paramètres CSS pour les effets de style.

Lier la relation entre les balises de contenu et de formulaire

Première méthode : `<input type="checkbox" id="one">``<label for="one">code</label>`

Méthode 2 : `<label><input type="checkbox">Veillez tard</label>`

Lors du développement de pages Web, les deux balises de mise en page div et span, sémantiquement dénuées de signification, sont fréquemment utilisées.

Balise div : une seule est affichée dans une ligne (occupe une ligne)

balise span : une ligne peut en afficher plusieurs

en-tête : en-tête de page Web

nav : navigation sur le Web

pied de page : bas de la page Web

à part : barre latérale de la page Web

section : section de page Web

article : article Web

&nbsp;

&Lt ; moins de signe

&gt; supérieur au signe

&amp;

" guillemets

&apostrophe (non pris en charge par IE)

&cent;

&livre;

&yens;

euros;

&sect;

&copier;