Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 14116|Répondre: 1

[HTML/HTML5] Résumé de l’apprentissage HTML en trois jours (incontournable pour les débutants)

[Copié le lien]
Publié sur 22/12/2014 23:05:45 | | |


Une compilation de code commun

1. Texte du titre <h#>......</h#> #=1~6 ; h1 est le plus grand mot, h6 est le plus petit mot

2. Changements de police <font>......</font>

[1] Taille de police <taille de police=#>......</font> #=1~7 ; Plus le nombre est grand, plus le caractère est grand

[2] Spécifier la police < font face = « nom de la police »>......</font>

[3] Couleur du texte <couleur de la police=#rrggbb>......</font> rr : Code couleur rouge tableau gg : Code couleur vert tableau BB : Code couleur bleu tableau

3. Afficher les petites <small>......</small>

4. Afficher les <big>......</big> de grandes polices

5. En <b>gras ......</b>

6. <i>Italiques ......</i>

7. Police <tt>de machine à écrire ......</tt>

8. En <u>résumé ......</u>

9. <strike>Rayage ......</strike>

10. <sub>Indice ......</sub>

11. <sup>Étiquette ......</sup>

12. Effet de clignement <blink>de texte ......</blink>

13. <br>Coupures de ligne

14. <p>Segmentation

15. Direction d’alignement du texte <p align="#"> #号可为 gauche : Table alignée à gauche (valeur par défaut) centre : Table alignée au centre à droite : Table alignée à droite P.S.<p align="#"> Le texte suivant sera affiché dans l’ensemble d’alignement jusqu’à ce

Un autre <p align="# » apparaît > changer sa direction d’alignement, et lorsqu’il rencontre <hr>une étiquette <h#>, il revient automatiquement à l’alignement gauche par défaut.

16. Séparateurs <hr>

[1] L’épaisseur du diviseur < h taille = le nombre de points>

[2] Largeur du séparateur <taille des heures = nombre de points ou pourcentage>

[3] Direction d’alignement du diviseur <hr align="#"> #号可为 gauche : Tableau aligné à gauche (valeur par défaut) centre : Aligné au centre à droite : Aligné à droite

[4] La couleur du séparateur <hr couleur=#rrggbb>

[5] Séparateur solide < heures sans ombre>

17. Alignement <center>centré ......</center>

18. Afficher <pre>......</pre> dans le style original

19. <body>Attributs des instructions

[1] Couleur de fond -- bgcolor <corps bgcolor=#rrggbb>

[2] Motif d’arrière-plan -- arrière-plan <arrière-plan du corps = nom du fichier graphique »>

[3] Définir le motif d’arrière-plan ne défilera pas -- bgproperties <corps bgproperties=fixed>

[4] La couleur du texte dans le contenu du fichier -- texte <texte du corps = #rrggbb>

[5] Couleur du texte du lien hypertexte -- lien <lien du corps=#rrggbb>

[6] La couleur du texte hyperlientéré sélectionné -- vlink <corps vlink=#rrggbb>

[7] La couleur du texte hyperlié -- alink <body alink=#rrggbb>

1. Photos

1. Insérer l’image <img src="nom graphique du fichier » >

2. Définir la trame -- frontière <img src="nom du fichier graphique » bordure=points>

3. Définir la taille du graphe — largeur, hauteur <img src="nom du fichier de dessin » largeur = largeur points hauteur = points de hauteur >

4. Régler le graphique pour laisser de l’espace haut et bas, gauche et droite, gauche et droite, -- vspace, hspace <img src="nom du fichier graphique » vspace=points d’espace haut et bas hspace=points blancs gauche et droite>

5. Notes graphiques <img src="nom du fichier graphique » alt="légende">

6. Précharger les images

<img src="nom du fichier graphique haute résolution » lowsrc="nom du fichier graphique basse résolution"> P.S. La taille graphique des deux graphiques doit être la même

7. Image Map <img src="Nom du fichier graphique » usemap="#图的名称"> <nom de la carte="Nom de l’image">

<forme de surface=coordonnées de forme=liste de coordonnées de zone href="URL du point de liaison">

<forme de surface=coordonnées de forme=liste de coordonnées de zone href="URL du point de liaison">

<forme de surface=coordonnées de forme=liste de coordonnées de zone href="URL du point de liaison">

<forme de zone=coordonnées de forme=liste des coordonnées de zone href="URL du lien"> </map>

[1] Définir la forme — la forme

Forme = Recte : Forme rectangulaire = Cercle : Forme de cercle=Poly : Poly : Poly

[2] Définir la région — coordonnées

a. Rectangle : Quatre nombres doivent être utilisés, les deux premiers sont les coordonnées en haut à gauche, et les deux derniers sont les coordonnées en bas à droite

Par exemple : <area shape=rect coords=100,50,200,75 href="URL">

b. Cercle : Trois nombres doivent être utilisés, les deux premiers sont les coordonnées du centre du cercle, et le dernier nombre est la longueur du rayon

Par exemple, <area shape=circle coords=85,155,30 href="URL">

c. N’importe quelle figure (polygone) : Remplir les coordonnées de chaque point de tournant de la figure dans l’ordre

Par exemple : <area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL »

2. Liés au tableau

1. Titre du tableau

<caption>......</caption>

Position de l’en-tête du tableau -- aligner

<légende align="#"> #号可为 en haut : Le titre de la table est placé au-dessus de la table (valeur par défaut)

en bas : Le titre du tableau est placé en dessous du tableau

2. Définir <tr>les colonnes

3. Définir la colonne 《1》 <td>: Aligner vers la gauche

《2》 <th>: Align ii. gras

[1] Position horizontale -- aligner <th align="#">

#号可为 à gauche : Alignez-vous à gauche

centre : Alignez-vous au centre Droite : Alignez-vous à droite

[2] Position verticale -- aligner <th align="#"> #号可为

en haut : Aligner vers le haut au centre : Aligner vers le centre

en bas : alignez vers le bas

[3] Largeur de colonne -- largeur

< largeur = nombre de points ou pourcentage>

[4] Fusion verticale des colonnes — portée de rangées

< rowspan=Je veux fusionner le nombre de colonnes >

[5] Fusion horizontale des colonnes -- colspan

< colspan=Je veux fusionner le nombre de colonnes>

3. CADRE

1. Commande fenêtre <frameset>divisée ......</frameset>

[1] Division verticale (haut/descendante) -- rangées

<lignes de frameset=#> #号可为点数 : Si vous voulez le diviser en trois fenêtres, 100, 200, 300, alors

<lignes de frameset=100,200,300> ; Il peut également être représenté par un signe *, comme <lignes de frameset=*,500,*>

Pourcentage : Par exemple< lignes de frameset = 30 %, 70 % >, la somme de chaque élément doit être à 100 %

[2] Séparation horizontale (gauche/droite) -- cols <frameset cols = points ou pourcentage>

2. Spécifier le contenu de la <frame>fenêtre --

<frameset cols=30 %,70 %> <frame> <frame> </frameset>

[1] Spécifiez le nom du fichier de la fenêtre -- src <frame src=nom de fichier HTML>

[2] Définir le nom de la fenêtre — nom

<nom du cadre=nom de la fenêtre>

[3] Définir la distance entre le fichier et les bordures supérieure et inférieure -- hauteur de la marge

<marge de trame, hauteur = nombre de points>

[4] Définir la distance entre le fichier et les bordures gauche et droite — largeur de marge

<margewidth=nombre de points>

[5] Définir le défilement à fenêtre divisée -- défilement

<défilement par images=#> #号可为 oui : Rouleaux défilants corrigés

no : Aucun défilement n’apparaît automatiquement : Détermine automatiquement si la taille du fichier est nécessaire pour défiler (valeur par défaut)

[6] Verrouillez la taille de la fenêtre fendue -- taille de taille <taille de cadre >

Remarques sur la traduction du type de marque ou la fonction de signification

Étiquetage de fichiers

<HTML> ● Déclaration de fichier Informe le navigateur qu’il s’agit d’un fichier HTML

<HEAD> ● Début Fournir les informations générales du document

<TITLE> ● Titre Définit le titre du fichier, qui sera affiché en haut de la navigation

<BODY> ● Cet article conçoit le format du fichier et le contenu du texte

Marque typographique

<!-- Notes --> ○ Marque de description Ajouter une description au fichier, mais elle n’est pas affichée

<P> ○ Balisage de paragraphe Laissez une ligne blanche entre les mots, dessins, tableaux, etc.

<BR> ○ Marques de rupture de ligne Font apparaître des mots, dessins, tableaux, etc. sur la ligne suivante

<HR> ○ Ligne horizontale Insérer une ligne horizontale

<CENTER> ● Centré pour afficher des mots, dessins, tableaux, etc. au centre Opposition

<PRE> ● Le format prédéfini fait que le fichier s’affiche selon l’agencement du code source

<DIV> ● Marqueurs séparés Fixent le placement des mots, dessins, tableaux, etc.

<STRONG> ● Accentuer le ton Produit l’effet de police gras gras

<B> ● Le balisage en gras crée l’effet de gras de police

<EM> ● Les polices de marque de surfascence ont un effet italique

<I> ● Balisage italique La police a un effet italique

<TT> ● Police de saisie Police de messagerie avec la même largeur de lettre

<U> ● Ajouter une ligne de fond Ajouter une ligne de fond contre

<H1> ● Le signe de titre de premier niveau devient plus épais, plus grand et plus large, et le degré est inversement proportionnel au nombre de séries

<H2> ● Les marqueurs secondaires de titre rendent les polices plus épaisses, plus grandes et plus larges

<H3> ● Marqueurs de titre à trois niveaux : rendre les polices plus épaisses, plus grandes et plus larges

<H4> ● Marqueur de titre à quatre niveaux pour rendre la police plus épaisse, plus grande et plus large

<H5> ● Le marqueur de titre à cinq niveaux rend les polices plus épaisses, plus grandes et plus larges

<H6> ● Marqueur de titre à six niveaux pour rendre la police plus grasse, plus grande et plus large

<FONT> ● Marqueurs de glyphe Mettre les glyphes, tailles et couleurs contre eux

<BASEFONT> ○ Le marqueur de glyphe de base oppose tous les glyphes, tailles, couleurs

<BIG> ● Agrandissement de police : Rendre la police légèrement plus grande

<SMALL> ● Réduction de la police Rendez la police légèrement plus petite

<STRIKE> ● Tracer une ligne à supprimer Ajouter une barrure à la police Opposer

<CODE> ● La police du code programme est légèrement plus large, comme par <TT>exemple

<KBD> ● La police de caractères du clavier est légèrement élargie, avec un seul blanc

<SAMP> ● Exemple La police est légèrement élargie, comme par <TT>exemple

<VAR> ● Effet italique variable

<CITE> ● Citations biographiques à effet italique

<BLOCKQUOTE> ● Police d’indentation du bloc de texte de la citation

<DFN> ● Définition du prédicat effet Italique

<ADDRESS> ● Effet italique du marqueur d’adresse






Précédent:Wireshark Network Analytics est aussi simple que ça
Prochain:Outil d’attaque anti-DDoS Linux (D) DoS-Deflate
Publié sur 25/12/2014 23:42:59 |
Trois jours, c’est un peu exagéré du HTML à regarder et voir
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com