Maison interface Web tutoriel HTML tutoriel d'introduction au html, maîtrise rapide des symboles de balisage html_HTML/Xhtml_production de pages web

tutoriel d'introduction au html, maîtrise rapide des symboles de balisage html_HTML/Xhtml_production de pages web

May 16, 2016 pm 04:39 PM
HTML入门

Extrascript
Si vous ne connaissez rien au HTML et que vous vous demandez toujours comment démarrer avec le HTML, l'auteur vous recommande fortement d'étudier cet article, qui vous aidera à maîtriser rapidement le HTML si vous l'êtes déjà. un expert expert en HTML, j'espère que vous pourrez me donner de meilleures suggestions.

Résumé
HTML, communément appelé HyperText Markup Language, est l'abréviation de Hyper TextMarkup Language et est un langage de balisage utilisé pour décrire des documents Web. Le fichier de page Web lui-même n'est qu'un fichier texte. En ajoutant des symboles de marque au fichier texte, nous pouvons indiquer au navigateur comment afficher le contenu (par exemple, comment traiter le texte, comment organiser les images, comment afficher les images, etc. ). Ces symboles de marque sont ce que nous html, lorsque nous apprenons le HTML, nous apprenons ces symboles de marque Aujourd'hui, nous allons principalement apprendre quelques symboles de marque HTML courants, également appelés éléments html,

Élément de balise Introduction aux baliseshtml comprend une plage inclusive définie par une ou deux balises. Le label est composé de deux chaînes "
". Le label comprend la balise de début "
" et la balise de fin "". Les éléments de balise HTML ont quatre formes : >Élément vide :

Élément vide avec des attributs :

Élément avec du contenu : Voici le contenu
Éléments avec contenu et attributs : Voici le contenu
Une chose à dire ici est que dans les documents HTML, les noms des balises et des attributs n'ont rien à voir avec la taille.

Les éléments de base essentiels du framework HTML

représente le début du document et la fin du document
représente le début de l'en-tête et la fin du document
représente le début et la fin du titre du document
représente le début et la fin du corps du document Le format du commentaire html est inférieur au signe (
).
Par exemple :

Balises liées au contrôle du paragraphe

Créer un paragraphe. peut être gauche, centre, droite, justifier.

La fonction est d'envelopper la ligne


La fonction est d'insérer une ligne horizontale, et l'attribut color est utilisé pour représenter la couleur.

Balise liée à l'affichage du texte

Centrer le texte à afficher


La fonction est pour exprimer Le titre du document, n est un entier de 1 à 6, once est le titre maximum, 6 est le titre minimum, aligner consiste à définir l'alignement du titre, y compris gauche, centre, droite
. ..
Définissez la police, la taille est la taille de la police, un entier de 1 à 7, plus le nombre est grand, plus la police est grande.
...
Mettez le texte en gras.

Rendre le texte en italique

Balises créées par les éléments de la liste
a. Créer une liste numérotée :
. ..
Utilisez l'attribut start pour définir le numéro de séquence de départ.
    ...
    Utilisez l'attribut value pour modifier la séquence de nombres dans la liste.
  1. b. Créez une liste avec les éléments correspondant :

  2. et
    . L'attribut type de leurs balises spécifie le style du symbole :
      disque, affiché sous forme de cercle rempli ; carré, affiche les carrés vides.
    • cercle, affiche des cercles non creux
      b. Créez des listes non signées

      et
      balises pour créer des listes non signées
      et
      , créez des retraits Liste de
      Balises des éléments du tableau

      Le rôle des tableaux dans la mise en page des pages Web est crucial. Les tableaux sont définis avec , définition spécifique pour :
      L'attribut border. est utilisé pour définir la largeur de la bordure du tableau et l'attribut align est utilisé pour définir l'alignement du tableau, qui peut être à gauche, à droite ou au centre. bgcolor est la couleur.

      Utilisé pour définir l'en-tête du tableau
      Ajouter de nouvelles lignes au tableau
      …Utilisé pour définir l'en-tête du tableau
      est utilisé pour définir des cellules
      Formulaire interactif HTML

      Le formulaire est principalement responsable de la fonction de collecte de données dans la page Web, telles que nos informations d'inscription habituelles et nos informations de saisie. Tout ce qui peut interagir avec les pages Web sont des formulaires. Le formulaire est créé à l'aide des éléments ...
      En incorporant d'autres éléments ou contrôles associés entre les deux, vous pouvez créer un formulaire dans le cadre du document HTML.
      La syntaxe de base pour créer un formulaire est la suivante : ….

      La méthode d'attribut est utilisée pour spécifier la méthode HTTP utilisée lors de l'envoi des données du formulaire au serveur. get ou post à soumettre. Les données sont ajoutées à la fin de l'URL et envoyées au serveur dans le cadre de l'URL. Voici quelques éléments couramment utilisés à propos des formulaires : L'élément
      est utilisé pour recevoir les informations saisies par l'utilisateur. Il s'agit d'un élément vide avec des attributs. La syntaxe utilisée pour créer des contrôles dans le formulaire est <.>

      L'attribut type est utilisé pour spécifier le type de contrôle à créer, l'attribut est utilisé pour spécifier le nom du contrôle, la taille est utilisée pour spécifier la largeur initiale du contrôle dans le formulaire et l'attribut value spécifie la largeur initiale. valeur du contrôle.
      Pour le type de type, veuillez vous référer à l'image suivante :

      Élément de zone de liste
      Permet à l'utilisateur de sélectionner un ou plusieurs éléments dans une liste déroulante. menu déroulant, zone de liste Créée par l'élément
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

    Outils d'IA chauds

    Undresser.AI Undress

    Undresser.AI Undress

    Application basée sur l'IA pour créer des photos de nu réalistes

    AI Clothes Remover

    AI Clothes Remover

    Outil d'IA en ligne pour supprimer les vêtements des photos.

    Undress AI Tool

    Undress AI Tool

    Images de déshabillage gratuites

    Clothoff.io

    Clothoff.io

    Dissolvant de vêtements AI

    AI Hentai Generator

    AI Hentai Generator

    Générez AI Hentai gratuitement.

    Article chaud

    R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Meilleurs paramètres graphiques
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    R.E.P.O. Comment réparer l'audio si vous n'entendez personne
    4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
    WWE 2K25: Comment déverrouiller tout dans Myrise
    1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

    Outils chauds

    Bloc-notes++7.3.1

    Bloc-notes++7.3.1

    Éditeur de code facile à utiliser et gratuit

    SublimeText3 version chinoise

    SublimeText3 version chinoise

    Version chinoise, très simple à utiliser

    Envoyer Studio 13.0.1

    Envoyer Studio 13.0.1

    Puissant environnement de développement intégré PHP

    Dreamweaver CS6

    Dreamweaver CS6

    Outils de développement Web visuel

    SublimeText3 version Mac

    SublimeText3 version Mac

    Logiciel d'édition de code au niveau de Dieu (SublimeText3)

    Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

    L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

    Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

    L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

    Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

    L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

    Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

    L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

    Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

    L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

    Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Quelle est la balise Meta de la fenêtre? Pourquoi est-ce important pour une conception réactive? Mar 20, 2025 pm 05:56 PM

    L'article traite de la balise Meta de la fenêtre, essentielle pour la conception Web réactive sur les appareils mobiles. Il explique comment une utilisation appropriée garantit une mise à l'échelle optimale du contenu et une interaction utilisateur, tandis que la mauvaise utilisation peut entraîner des problèmes de conception et d'accessibilité.

    Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Quel est le but du & lt; iframe & gt; étiqueter? Quelles sont les considérations de sécurité lorsque vous l'utilisez? Mar 20, 2025 pm 06:05 PM

    L'article traite du & lt; iframe & gt; L'objectif de Tag dans l'intégration du contenu externe dans les pages Web, ses utilisations courantes, ses risques de sécurité et ses alternatives telles que les balises d'objet et les API.

    Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Gitee Pages STATIQUE Le déploiement du site Web a échoué: comment dépanner et résoudre les erreurs de fichier unique 404? Apr 04, 2025 pm 11:54 PM

    GiteEpages STATIQUE Le déploiement du site Web a échoué: 404 Dépannage des erreurs et résolution lors de l'utilisation de Gitee ...

    See all articles