Comment formater les listes de votre page web sur la PI de framboise
Lors de la création d'une page sur le Raspberry Pi web, vous aurez probablement besoin de savoir comment formater une liste. Les listes sont utilisées plus que vous pourriez penser à communiquer des informations, donc il ya un moyen standard de leur formatage à l'aide HTML.
Il existe deux types de liste: une liste ordonnée et une liste non ordonnée. Un liste ordonnée est utilisé pour les éléments qui doivent être dans un ordre particulier, tels que des instructions étape-par-étape pour mettre en place une étagère.
Un liste non ordonnée est utilisé pour les éléments qui pourraient être dans un ordre quelconque, comme une liste des choses à emballer pour un jour férié. Les listes ordonnées sont affichés sur l'écran avec un numéro à côté de chaque article, et les listes à puces apparaissent avec un point à côté d'eux de la balle, mais vous pouvez utiliser les CSS pour changer la présentation des listes. Vous pouvez utiliser les liens ou tout autre HTML dans chaque élément de la liste.
Cette page Web a deux listes sur elle. La liste des conseils en photographie serait une liste non ordonnée parce que les conseils font sens dans un ordre quelconque. Son HTML ressemble à ceci:
Mes meilleurs conseils pour la photographie de Voyage
- Toujours avoir un appareil photo avec vous, même si elle est une petite poche.
- Chaque fois que possible réalisons une batterie de rechange entièrement chargée.
- Étiqueter vos cartes SD de sorte que vous pouvez les distinguer.
Vous utilisez le et balises pour marquer le début et la fin de la liste non ordonnée, et la et balises pour marquer le début et la fin de chaque élément de la liste. Lorsque vous mettez ce code html dans votre page web et l'afficher dans votre navigateur, les conseils ont balles à côté d'eux.
L'autre liste sur cette page Web est moins évidente. La plupart des sites ont une barre de navigation sur chaque page, un ensemble normalisé de liens qui vous permettent de déplacer toutes les pages du site. Du point de vue du langage HTML, qui est juste une liste de liens. Donc, pour faire une barre de navigation, créer une liste des différentes pages Web du site aura, comme ceci:
- Accueil
- Galeries
- Conseils photo
- Contact
Le premier lien est un lien vers la page qu'ils sont déjà, ce qui peut sembler illogique, mais il est moins confus d'avoir exactement le même ensemble de liens sur chaque page, qu'il est d'avoir des liens qui apparaissent ou disparaissent dans la barre de navigation à partir de page en page.
Pour l'instant, cela ressemblera une liste à puces en haut de la page Web, mais vous pouvez la transformer en une barre de navigation appropriée en utilisant CSS plus tard.
Si vous voulez créer des listes ordonnées, il suffit de changer la et tags pour
et ceux. Quand vous regardez une liste ordonnée dans votre navigateur, vous verrez les balles sont remplacées par des chiffres. Vous pouvez tester cela en éditant votre liste non ordonnée temporairement pour en faire une liste ordonnée, enregistrer et visualiser la page dans votre navigateur.
-
Comment créer une barre de navigation à partir d'une liste non ordonnée de liens dans Dreamweaver -
Décomposer les éléments de HTML5 -
Comment créer une liste à puces pour HTML5 et CSS3 programmation -
Comment créer des listes à puces en HTML5 -
Comment créer des listes de définitions en HTML5 -
Comment créer des listes imbriquées en HTML5
Comment créer des listes numérotées en HTML5 Les listes sont des outils puissants pour regrouper des éléments similaires, et les listes donnent les visiteurs de votre site un moyen facile de faire un zoom sur les groupes d'information. Juste au sujet de quoi que ce soit inscrit dans une…
Comment créer des listes ordonnées pour HTML5 et CSS3 programmation Les listes ordonnées en HTML5 sont presque exactement comme les listes à puces. Les listes ordonnées ont traditionnellement un nombre plutôt que des balles (mais vous pouvez changer cela grâce à CSS si vous ne voulez pas les numéros).Comment…
Comment faire des listes de liens pour HTML5 et CSS3 programmation Beaucoup de pages Web se révèlent être des listes de liens en HTML5 et CSS3 programmation. Parce que les listes et les liens vont si bien ensemble, il est bon de regarder un exemple. Notez cette liste de liens vers des livres écrits par un…
Comment utiliser des images dans les listes pour HTML5 et CSS3 programmation Il est pas tout à fait un fond, mais vous pouvez également utiliser des images pour les éléments de liste pour votre page web HTML5 et CSS3. Parfois, vous voudrez peut-être un certain type de puce spéciale pour vos listes.Sur cette page,…
Syntaxe HTML sélectionné Malgré toutes les nouvelles langues et de la technologie programmation, HTML reste le bloc de construction de base pour un grand nombre de sites. Cette table contient les balises HTML les plus couramment utilisés.BaliseCommentairesRequis pour…
Comment ajouter html vers une page avec jQuery jQuery peut être utilisé pour ajouter du code HTML à une page. Vous pouvez ajouter toutes sortes de HTML, des images, à peu près tout, et changer complètement la présentation de la page en utilisant jQuery. Cela est pas vraiment une bonne…
Comment créer une barre de navigation à partir d'une liste sur la PI de framboise Au sommet d'une page web est une liste de liens. Vous souhaitez utiliser votre Raspberry Pi pour les transformer en une barre de navigation, un ensemble de boutons horizontales. Mais vous voulez seulement faire cette liste un navbar- vous ne voulez…
Une page web de l'échantillon en html Lorsque vous créez des pages Web, vous utilisez HTML - beaucoup! L'exemple suivant montre la mise en forme HTML et les codes que vous utilisez pour créer des titres et des titres, des listes, des lignes et des images ainsi que caractères gras et…
Balises html commune Le tableau ci-dessous présente quelques-unes des balises HTML les plus courants que vous utilisez pour construire votre site web. Une fois que vous avez travaillé en HTML pour un petit moment, ces balises deviendront une seconde nature pour…
Comment créer des listes de HTML dans le bloc-notes Y compris des listes de vos pages Web est une bonne conception. Les listes sont intéressants à regarder, facile à parcourir, et vous inspirer à écrire des phrases courtes et percutantes. Suivez ces étapes pour créer une liste dans le…
Comment créer des listes en HTML5 Les pages Web que vous créez avec HTML5 sont souvent sur les données, et les données sont souvent organisés dans des listes, ce qui peut être autonome ou un nid dans l'autre. Les éléments de vos listes peuvent être soit numérotées (un…
Comment utiliser les listes de HTML sur votre page web Utilisation des listes de HTML est un excellent moyen de présenter des informations aux lecteurs sur vos pages Web. Listes de rendre l'information sur votre page Web facile à analyser. Voici quelques autres raisons d'utiliser des listes de vos…
A propos des balises HTML5 Lorsque vous travaillez dans HTML5, vous apprenez à connaître balises très bien. Vous placez tout le contenu que vous voulez que vos visiteurs à voir, tout ce qui sera affiché dans un navigateur web, dans le corps de votre page Web, entre…
Paramètres de contenu Drupal La plupart des paramètres utilisés pour gérer, créer et modifier tous les types de Drupal contenu du site sont situés sur un seul formulaire. Vous y accédez en cliquant sur les liens sous la grande zone de texte du corps.Vous obtenez le…