Comment faire une liste dans la liste. HTML-manuel pour les débutants
Les pages de sites Web comportent de nombreux éléments -tableaux, images, liens, fichiers multimédias, listes. L'un des articles les plus recherchés est la liste. Avec son aide, vous pouvez organiser les informations, les soumettre sous une forme plus concise et compréhensible, pour faciliter la perception. C'est pourquoi vous devez savoir comment créer une liste en HTML et quels types de listes il y a. Et aussi apprendre à définir les paramètres nécessaires.
Types de liste
Commençons par décrire les principaux types de listes avec lesquelles nous pouvons travailler. Ceci est une liste ordonnée, non ordonnée et déroulante.
Le premier vous permet de numéroter le contenu avec des chiffres et des lettres. La seconde est une énumération normale de ces éléments ou d’autres, la troisième vous permet de sélectionner l’élément souhaité dans toute la liste.
Presque chacun d'entre eux peut contenir une liste dans la liste. HTML vous permet de créer facilement des listes complexes d'informations en très peu de temps.
Tout d'abord, décidez de la liste dont vous avez besoin, puis procédez à sa création. Ci-dessous, nous examinerons les trois types de listes et découvrirons exactement comment les créer et quels sont leurs paramètres.
Liste commandée
Commençons par les plus utilisés etune liste commune - ordonnée. Dans ce cas, l'énumération de certaines informations se fait dans un certain ordre et chacun des éléments est numéroté. Par exemple, une liste de classes:
- Ivanov.
- Petrov.
- Sidorov, et ainsi de suite.
Spécifie une telle liste en utilisant les balises de paire <ol>et </ ol>. Il commence par la balise d'ouverture <ol> et se termine par une balise </ ol>. Chaque nouvel élément de la liste commence par la paire <li> et se termine par une fermeture </ li>.
Vous savez maintenant comment créer une liste HTML. Comme vous pouvez le constater, il suffit de ne retenir que deux balises.
Un peu sur les paramètres de la balise <ol> - type et commencer.
Le premier spécifie le type de numérotation - alphabétique ou numérique. Il peut prendre de tels paramètres: A, a, I, i, 1.
Les deux premières valeurs spécifient une numérotation en latinlettres - majuscules et minuscules, deuxièmes - grands et petits chiffres romains, cette dernière signification est utilisée si vous souhaitez que la liste soit numérotée en chiffres arabes.
Il convient de noter que dans les listes par défaut, la numérotation est toujours spécifiée à l'aide de chiffres arabes.
Le second paramètre - start - spécifie le numéro à partir duquel commence la numérotation de la liste.
Disons quelques mots et les paramètres de la balise <li>. Il en a aussi deux. Le premier paramètre de valeur peut modifier l'ordre de numérotation. Et il sera changé jusqu'au moment où ce paramètre ne sera plus enregistré (ou à la fin de la liste entière).
Le deuxième paramètre, type, aidera à changer le type de numérotation pour cet élément. Assez souvent trouvé variante de la liste complexe. Par exemple, prenons un aperçu de la composition:
- Introduction
- La partie principale.
a) l'opinion des autres;
c) mon opinion;
c) des preuves. - Conclusions.
Créer une telle liste dans la liste HTML est jolijuste. Il suffit d’écrire une liste principale, puis de créer au bon endroit le deuxième sous-élément, en utilisant une numérotation différente. Voici un exemple de code basé sur notre liste:
- <ol type = "1">.
- <li> 1. Entrée </ li>.
- <li> 2. La partie principale </ li>.
- </ ol type = "A">
- <li> opinion des autres </ li>.
- <li> mon avis </ li>.
- <li> preuve </ li>.
- </ ol>.
- <li> 3. Conclusions </ li>.
- </ ol>.
Liste non ordonnée
Le second type de liste est non ordonné. Peu importe l'ordre dans lequel les éléments vont. Cela peut être une liste de n'importe quoi - shopping, invités, livres, etc.
Cette liste est définie à l'aide des balises de paire <ul> et </ ul>. En même temps, chaque nouvel élément commence par la même paire de balises <li> </ li>.
Il a un seul paramètre - type, avecqui définissent le type de marqueur. Le marqueur peut être un cercle - peint ou non, ainsi qu'un carré peint. Ainsi, un cercle non coloré a une valeur de disque, un cercle ombré. Le carré est défini à l'aide de carré.
Il est également possible de créer une liste dans la liste HTML. Pour cela, comme dans le premier cas, vous devrez créer deux listes, l’une étant la principale, la seconde imbriquée.
Liste déroulante
Les exemples incluent des listes dont vousVous devez sélectionner votre pays de résidence, lieu d'étude ou de travail, date de naissance, évaluation d'un article, etc. Dans ce cas, vous sélectionnez l'élément dont vous avez besoin dans la liste avant d'envoyer les informations.
Mention occasionnelle de tags par lesquelsune liste déroulante est créée. HTML n'a pas toutes les fonctionnalités pour créer ces listes. Notez que lorsque vous utilisez ce type de listes, vous devez connaître non seulement les bases de la mise en page, mais également vous faire une idée des styles CSS et des scripts java.
La liste elle-même est spécifiée à l'aide des balises <select> </ select> appariées.
Chaque nouvel élément commence par une paire de balises <option> </ option>.
Si vous décidez de créer une telle liste sur votre site, nous vous recommandons de rechercher des additifs spéciaux pour votre moteur. En l'utilisant, créer une liste déroulante est beaucoup plus facile que de l'écrire vous-même.
Conclusions
Un des articles les plus utilisés surpages de sites - listes. Leur création est très simple, utilisant seulement quelques balises ayant des paramètres simples. Si vous le souhaitez, vous pouvez faire une liste dans la liste. Le balisage HTML vous permet de le créer en quelques minutes.
