sushiandbox.ru Mastering PC - Internet. Skype. Réseaux sociaux. Cours sur Windows.
Une liste est un ensemble interconnecté d'expressions ou de phrases individuelles qui commencent par une puce ou un numéro. Les listes permettent d'organiser et de systématiser diverses données et de les présenter de manière visuelle et conviviale.
Étiqueter
- définit une liste ordonnée, c'est-à-dire chaque élément de la liste commence par un chiffre ou une lettre et augmente progressivement.
-
Étiqueter
- définit un seul élément de la liste. Balise externe
- ou
- ,
- ,
- création d'un terme et d'une balise
- définissant le terme. Balise de fermeture facultatif, car la balise suivante signale la fin de l'élément précédent. Cependant, il est recommandé de fermer toutes les balises.
- Nettoyer sur la table
- Cuire les aliments
- aller au foot
- table - le conteneur de la table elle-même ;
- tr - ligne de tableau, agit également comme un conteneur ;
- td - une cellule, c'est là que le contenu est placé ;
- définit le type de liste - à puces ou numérotée.
Le triplet d'éléments est destiné à créer une liste de définitions. Chacune de ces listes commence par un conteneur
- où va l'étiquette
Bonjour, chers lecteurs du site blog. En fait, ce terme a plusieurs significations qui ne correspondent pas particulièrement les unes aux autres. Je vais essayer de couvrir chacun d'eux dans ce post.
Tu vas apprendre, que sont les balises html et comment ils diffèrent des balises méta, et aussi apprendre comment les balises sont utilisées comme balises sur les sites (leur variété est ), et, enfin, en termes généraux, considérer la musique balises dans les fichiers audio. Voilà à quel point ce terme est polyvalent.
Mais dans tous les cas le mot "tags" signifie balisage ou une page Web en utilisant Code HTML, ou l'intégralité du site à l'aide de balises, ou votre collection musicale en spécifiant un album et une chanson.
Que sont les balises de site (balises pour créer une navigation) ?
Commençons simple. Probablement, vous avez tous vu que sous certains articles sur les sites, il y a un champ avec les balises de nom ou les balises, où certains mots sont répertoriés. Pourquoi est-ce? De manière générale, pour faciliter la navigation sur ce site ().
Les balises utilisées sont les soi-disant mots clés , dont l'ensemble caractérise brièvement la publication (par exemple, pour page d'accueil pour mon blog, l'ensemble de balises suivant conviendrait : création de site Web ; promotion; promotion de sites Web; gains).
Avec l'aide de ces mots, il sera possible de déterminer sans ambiguïté de quoi parlait cet article. Mais leur valeur principale n'est pas là, mais dans le fait que le visiteur peut cliquer sur n'importe quelle balise et voir une liste de tous les articles du site dans lequel il s'est rencontré. En fait, c'est un outil puissant pour classer l'information.
ne pas chercher étiquettes souhaitées sous les articles, il est très courant que les propriétaires de sites Web créent un soi-disant Nuage de tags, qui peut être placé dans la colonne de gauche ou de droite du site ou dans son pied de page (en bas). En pratique, cette disgrâce peut ressembler à ceci :
Il répertorie généralement les balises les plus populaires et vous pouvez voir toutes les balises en cliquant sur le lien approprié. Parfois, des balises plus couramment utilisées (elles apparaissent dans plus articles sur ce site) sont affichés en gros caractères, et les moins fréquents en petits caractères.
Parfois, une page distincte est créée pour les afficher, comme indiqué dans la capture d'écran précédente.
Pourquoi est-ce balisage avec des balises n'est pas utilisé sur tous les sites Web s'il est pratique pour les utilisateurs ? Ils ne sont pas non plus sur mon blog, pour lesquels il y a un certain nombre d'explications. Bien que leur utilisation soit fournie par défaut, il existe également de nombreux plugins permettant de travailler avec les balises.
Oui, les balises fonctionnent très bien lorsque vous avez peu d'articles et souvenez-vous bien de toutes les balises que vous avez déjà créées et utilisées dans d'autres articles. Mais avec une augmentation du nombre de matériaux, le nombre de balises augmente fortement, ils commencent à se dupliquer partiellement lors de l'utilisation de mots-clés dont le sens est proche.
Obtient un énorme gâchis, dont la valeur en termes d'amélioration de la navigation, à mon avis, est plutôt douteuse. A cet effet, sur un gros projet web, il est préférable d'utiliser la recherche du site. Bien que les étiquettes fonctionnent bien dans dans les réseaux sociaux, où vous pouvez utiliser des balises pour combiner les informations de différents utilisateurs et les afficher au même endroit. .
Que sont les balises HTML ?
Pour la première fois, j'ai décidé de les étudier il y a quinze ans, mais je n'ai pas progressé plus loin que la balise Title. Ensuite, je suis tombé sur le cours vidéo gratuit d'Evgeny Popov sur Html et les choses ont commencé à bien se passer. Bien sûr, ce cours n'était qu'une étape initiale, mais c'est justement une présentation si simple qui fait souvent défaut aux débutants.
Ces leçons couvrent les balises de base, avec lesquelles vous pouvez ensuite facilement créer des tableaux, insérer des images et des hyperliens dans le texte, ajouter divers formulaires au site, et bien plus encore. Total 33 vidéos HTML gratuites.
Mais un cours vidéo est un cours vidéo, mais je devrais vous intéresser pour que vous le téléchargiez et le regardiez. À partir de phrases courantes, il n'est pas clair quelles sont les balises dans le langage Html et pourquoi vous devez les étudier. Oh, c'est une chose géniale et simple qui vous permettra de devenir le maître de votre propre site. Pourquoi avez-vous besoin d'un site Web?
Eh bien, probablement, tout d'abord, pour l'expression de soi et l'effort, et deuxièmement -. Seulement plus silencieux, sinon tout le monde entendra et courra pour étudier ce que sont les balises, créer des sites Web et gagner tout ce que vous seul pourriez gagner, eh bien, je suis pour l'entreprise. Par conséquent, je continuerai à ne parler qu'à voix basse.
L'Internet peut être comparé à la télévision, où vous faites votre propre petit programme (créez un site sur des balises) et percevez des revenus de la publicité. Plus votre programme (projet Internet) est populaire, plus vous gagnez. Il n'y a pas de limite supérieure, bien qu'il n'y ait pas non plus de limite inférieure. Mais vous n'avez pas besoin d'investir de l'argent, seulement votre travail et le temps passé à étudier les balises, le travail du moteur et, en fait, à remplir le site de contenu.
Ainsi, les balises sont les éléments les plus simples du balisage d'une page web afin que le navigateur, lors de son chargement depuis le serveur, comprenne exactement comment afficher tel ou tel élément (texte, image, vidéo). Auparavant, le langage Html était seul responsable de tout, mais ensuite ils sont venus l'aider et cela est devenu beaucoup plus facile pour lui. Selon eux, Popov propose également un cours vidéo gratuit, que vous pouvez télécharger ici .
Les gars, quand vous maîtriserez les balises HTML, vous comprendrez que c'était aussi simple que d'égrener des poires. La chose la plus importante est de commencer et de vous stimuler d'une manière ou d'une autre. Je ne parle pas seulement de l'aspect financier des choses. Le site peut devenir votre principale source de revenus et toute la famille peut s'en nourrir. Il faut de la chance, de la persévérance et ne pas avoir peur de se familiariser avec la nouveauté.
Les balises sont différentes, mais il n'y en a pas beaucoup (de ceux qui sont restés pertinents après la mise en œuvre de CSS). Voyez comme c'est simple. Disons que vous voulez créer un paragraphe - entourez simplement le texte du futur paragraphe avec des balises d'ouverture et de fermeture P (c'est une lettre latine et il vaut mieux l'écrire en code en minuscules, mais ici je l'ai mis en majuscule pour plus de clarté ). Voici à quoi cela ressemblera :
Texte texte....... texte texte
Comprenez-vous la différence entre la balise HTML d'ouverture (au début) et la balise de fermeture (à la fin) ? Eh bien, bien sûr, je viens d'ajouter une barre oblique après le crochet triangulaire.
Oh, j'ai oublié de dire comment le navigateur sépare-t-il les balises(balisage) du contenu principal. Avez-vous deviné?
C'est vrai, ça crochets triangulaires dans lequel nous les enfermons. Le navigateur a vu un tel crochet lors de l'analyse du code de la page Web et s'est rendu compte qu'il s'agissait d'une balise et traite tout ce qu'il contient selon un certain algorithme (crée des paragraphes espacés en hauteur, augmente la police des titres, etc.).
Si vous devez utiliser un crochet triangulaire ouvrant dans le texte, assurez-vous de le faire avec afin que le navigateur vous comprenne correctement. Cela doit être rappelé.
Dans le code, ils pourraient ressembler à ceci :
En fait, ils contiennent la description et les mots-clés de la page Web pour laquelle ils sont enregistrés. En savoir plus à leur sujet dans l'article ci-dessus.
Les balises meta sont écrites dans le code d'une page web à un endroit strictement défini. Savez-vous lequel ? C'est vrai, dans la soi-disant "tête" du document, qui consiste en une ouverture et une fermeture Balises HEAD.
Tout ce qui est écrit à l'intérieur (y compris les balises META) ne sera pas affiché sur la page Web. Il s'agit d'informations strictement confidentielles. La description ci-dessus et les mots clés indiquent moteurs de recherche sur le contenu de cette page Web et la balise meta ci-dessous .
Que sont les balises musicales dans les fichiers audio ?
Lorsque vous écoutez de la musique dans la voiture ou sur votre lecteur (téléphone), vous avez probablement remarqué plus d'une fois que de terribles bugs s'affichent à la place du nom de la piste et du nom de l'artiste. On pourrait supposer qu'il s'agit des noms des fichiers musicaux téléchargés enregistrés dans le mauvais codage de la langue russe.
Si vous renommez les fichiers avec , vous verrez toujours une image désagréable sur votre lecteur. Ce qu'il faut faire? Et qui est responsable de cette situation ? Curieusement, mais la cause est fausse balises prescrites dans ce fichier musical.
Ils sont cousus directement dans le fichier audio (au début ou à la fin) et peuvent contenir des informations sur la composition, son auteur, l'album, la durée de la piste et autre chose de moins important. Dans les dernières incarnations des étiquettes musicales, même des images de pochettes de disques peuvent y être cousues (généralement la peste).
Mais le problème se pose, en règle générale, non pas dans leur disponibilité, mais dans l'obtention la possibilité de les modifier. Dans la vie de tout mélomane qui se respecte, il arrive un moment où il est « prêt à déchirer et jeter », histoire de mettre de l'ordre dans sa collection et de prescrire des balises correctes et lisibles pour toutes les pistes sur n'importe quel appareil. Comment faire?
Avec l'aide d'un logiciel spécial. Les balises elles-mêmes sont apparues dans les fichiers audio pour la première fois à la fin du siècle dernier. Pour les fichiers MP3, la norme pour les ajouter s'appelait ID3, et pour les fichiers musicaux compressés sans perte de qualité (tels que FLAC et autres), la norme pour ajouter des balises (métadonnées) s'appelait commentaire Vorbis.
Pour la musique enregistrée au format Windows WMA, il existe des métadonnées WM, et pour les Apple MP4, des métadonnées iTunes (d'ailleurs, j'ai récemment écrit à ce sujet).
Ainsi, vous pouvez modifier les balises à l'aide de programmes spéciaux. Le plus populaire d'entre eux est probablement Mp3tag(site officiel, mais soyez prudent lors du téléchargement - ne cliquez pas accidentellement sur une publicité proposant de télécharger quelque chose de complètement différent). Je pense que vous trouverez vous-même tous les autres programmes, d'autant plus que celui-ci suffira amplement à mener à bien cette tâche.
Ce sont ces balises qui se sont avérées si diverses, qui dans tous ces cas remplissaient leur rôle principal - le balisage (d'articles sur un site, de contenu sur une page web ou de méta-données dans des fichiers musicaux). J'espère que maintenant vous avez moins de questions sur ce sujet.
Bonne chance à toi! A bientôt sur le site des pages du blog
Vous pourriez être intéressé
Balises pour Instagram - pourquoi sont-elles nécessaires et où voir les plus populaires d'entre elles 
Hashtags - que sont-ils et comment les hashtags sont-ils utilisés sur Twitter, Instagram et ailleurs Comment ajouter automatiquement un attribut Alt aux balises Img de votre blog WordPress (là où elles n'existent pas) 
Radikal - hébergement de photos gratuit avec téléchargement rapide et facile de photos via Radikal.ru 
Lien - qu'est-ce que c'est et comment le créer Qu'est-ce qu'un cache - comment vider le cache dans Opera, Mozilla, Chrome et d'autres navigateurs 
Big Question - comment gagner de l'argent sur le service Q&A La comparaison est une technique qui décore l'image (exemples tirés de la littérature) Qu'est-ce que Smart TV dans la télévisionL'homme ne peut vivre que de mots,
peu importe combien il les a avalés.
Adlaï Stevenson.En général, HTML n'est pas un langage de programmation. C'est le langage de balisage hypertexte. Autrement dit, l'appeler "langage HTML" n'est pas correct.
Pour faire simple, HTML est liste de balises(mots de contrôle), qui vous permettent de représenter du texte brut de manière formatée. Par exemple, sélectionnez-le audacieux, ou en italique etc. Mais vous ne pouvez présenter le texte de cette manière que dans des programmes spéciaux - (programmes avec lesquels vous naviguez sur Internet).
Ils affichent uniquement le texte formaté et masquent Balises HTML utilisé pour le formatage. Pour clarifier ce dont je parle, faites un clic droit sur cette page et sélectionnez "Code source" ou quelque chose de similaire dans le menu qui s'ouvre. Cette page s'ouvrira devant vous sous sa forme actuelle.
Vous pouvez créer du code HTML à la fois ordinaire et utiliser programmes spéciaux, soi-disant. Les éditeurs visuels diffèrent des éditeurs de texte en ce qu'ils sont conçus pour un ensemble de HTML, CSS, JavaScript, PHP, etc., c'est-à-dire pour la programmation Web. De plus, ils vous permettent de visualiser immédiatement le fruit de votre travail dans le navigateur intégré et de mettre en évidence certaines erreurs dans le code saisi.
Je recommande fortement de taper tout le code à la main (pour améliorer la franchise de ces mêmes mains), les éditeurs visuels rendent ce processus beaucoup plus facile. Personnellement, j'utilise . C'est loin d'être le meilleur dernière version, mais ses capacités me suffisent amplement.
Je fais ceci: je tape le code dans Dreamweaver, puis enregistre et clique sur le bouton "Afficher dans le navigateur" (vous modifiez la liste des navigateurs dans ce menu), puis reviens à Dreamweaver et continue l'édition. Ici . C'est ce qui concerne les outils, passons maintenant directement aux balises HTML.
Commençons par la structure de la page html, ou plutôt par ses balises principales.
Balises de page HTML requises
Les balises HTML requises (de base) qui sont utilisées dans chaque document html incluent les éléments suivants :
Note. Pour que le navigateur affiche le code HTML sous forme de texte (et non l'interprète en code), après chaque crochet ouvrant " » Je laisse un vide. Vous, lorsque vous tapez le code, des espaces NE PARS PAS.
Comme tu vois, toutes les balises sont appariées(il y a une balise d'ouverture et une balise de fermeture), presque toutes les balises en HTML sont comme ça. La balise ouvrante diffère de la balise fermante en ce que la balise fermante est précédée d'une barre oblique " / ". Ces balises sont également appelées récipient, car d'autres balises peuvent être insérées entre elles, c'est-à-dire mettre dans un récipient. Vous pouvez constater par vous-même qu'il existe d'autres balises entre les balises et .
Vous pouvez taper des noms de balises comme majuscules, et majuscule, il n'y a pas de différence. Autrement dit, les enregistrements du formulaire et du navigateur ne présentent aucune différence et sont interprétés de la même manière. Parlons maintenant plus en détail de la signification de ces balises.
Ainsi, les balises principales montrent aux navigateurs et autres visualiseurs de pages hypertextes qu'ils ont affaire à un document hypertexte. Tout document html doit commencer par et se terminer par. C'est-à-dire qu'entre ces balises se trouve TOUS code de la page html.
Entre les balises et se trouvent des balises méta (titre de la page, description, mots-clés, etc.). Ils stockent des informations sur la page html et des informations techniques. En général, cette balise est facultative, c'est-à-dire que sans elle, le document html sera affiché normalement par les navigateurs. Mais même si vous ne prévoyez pas d'utiliser la zone d'en-tête, restez au moins simple. Ceci est nécessaire pour la compatibilité entre les différentes versions des programmes.
Toutes les informations entre les balises "HEAD" ne sont en aucun cas affichées par le navigateur (à l'exception des informations entre les balises, où se trouve le nom du document html, affiché dans panneau du haut navigateur). Mais ils peuvent fournir grande influence sur l'apparence de la page html, sa vie sur Internet et son classement. Nous parlerons plus en détail des balises qui se trouvent dans l'en-tête d'un document hypertexte plus tard.
Le contenu principal du document html est situé entre les balises et . Voici tout ce que nous voyons lorsque nous ouvrons une page html : texte, graphiques, menus, boutons, etc. C'est le « corps » principal de la page.
Toutes les autres balises utilisées lors de la création d'un document html se trouvent entre (c'est-à-dire à l'intérieur) ces balises obligatoires. Presque toutes les balises HTML ont divers attributs, propriétés et paramètres qui vous permettent d'afficher les informations exactement comme le développeur l'a prévu. Par exemple, si vous écrivez :
Le fond de toute la page sera rouge.
Ici étiqueter- il s'agit en fait d'un tag ; bgcolor- son attribut ; "#FF0000"- valeur d'attribut (une balise peut avoir plusieurs attributs).
Note. Tous les attributs de balise et leurs valeurs sont spécifiés dans ouverture tag (celui qui sans barre oblique), mais jamais dans celle de fermeture.
Et ainsi, nous avons compris les balises principales du document html. Il est maintenant temps d'explorer le reste plus en détail. Ici, je veux faire une petite digression.
Comment je suggère d'apprendre le HTML
En appliquant dans la pratique les connaissances acquises, j'ai réalisé quelle erreur la plupart des auteurs de ces livres et didacticiels avaient commise. Tous ces manuels sont d'abord destinés nouveaux arrivants, deuxièmement, l'étude des bases du HTML les aborde dans l'ordre.
T. e. Tout d'abord, les balises d'en-tête du document html sont prises en compte (, puis les balises "body" ().
Sur la base de ma propre expérience, j'ose dire qu'un tel ordre d'apprentissage des bases du HTML pour un débutant est catégoriquement inacceptable. Un débutant tente d'apprendre toutes ces balises de titre nombreuses et obscures, d'abord, sans voir les résultats de son apprentissage (je vous rappelle que les balises de titre ne sont pas affichées par le navigateur). Et d'autre part, sans même se douter que la plupart de ces balises ne seront pas nécessaires pour créer le site qu'il a conçu (du moins au début des travaux).
Ainsi, il ne fait que perdre du temps et de l'envie de continuer à apprendre le HTML. En même temps, affirmer l'opinion que seuls les «gourous» peuvent le faire pour beaucoup d'argent. J'abandonnerais aussi cette leçon si je ne me souciais pas de ce que je ne comprends toujours pas et n'allais pas plus loin.
Par conséquent, je vous suggère de considérer d'abord les balises liées au "corps" du document html (), puis de passer ensuite au reste. De plus, le « corps » de la page html contient des informations que les visiteurs du site viendront chercher. Et le créer ou le trouver est beaucoup plus difficile que d'écrire du code.
Eh bien, maintenant, sans attendre, appuyez sur le bouton "Suivant" et continuez à apprendre comment ces gars mal rasés et endormis créent des sites Web.
Aujourd'hui, nous allons nous intéresser aux balises html pour créer un site Web. Ce n'est pas tout à la suite, mais ceux qui sont le plus souvent utilisés lors de la création de sites Web et de la mise en page. Parce qu'il y a juste beaucoup de balises qui sont nécessaires une fois par an, et il y a celles que vous utiliserez tout le temps. Eh bien, allons-y. Au final, nous aurons une page Web simple avec tous les éléments principaux.
Balises de structure de document HTML
Ce sont les balises globales dont nous avons besoin de toute façon. Ils ne sont pas affichés sur la page web, mais ils permettent de baliser la structure. Par exemple, la balise html. Aujourd'hui, très souvent, il n'est même pas écrit, il n'y en a vraiment pas besoin. En général, il s'agit d'un conteneur commun pour l'ensemble du document html. Tout le reste y est inclus.
Viennent ensuite 2 sections - tête et corps. Le premier contient différents types de paramètres de page Web, se connecte fichiers externes etc. Par exemple, ici, l'encodage du site est défini, les balises méta, le titre sont écrits, les styles css et les scripts Web sont connectés. En général, pour la performance du site, la rubrique tête a un rôle crucial.
Eh bien, le corps est le corps de la page. Ici, nous écrivons déjà ce qui est directement affiché à l'écran. Ensuite, nous allons directement regarder les balises qui sont utilisées dans le corps de la page.
Formatage du texte
Habituellement, le formatage est toujours évoqué en premier lorsqu'il s'agit de HTML. En effet, quoi de plus important que le texte sur la page et son design compétent ?
Par exemple, créons trois paragraphes. L'un sera clair, le second sera en gras et le troisième sera souligné.
Du texte dans un paragraphe, imiter le remplissage
Du texte dans un paragraphe, imiter le remplissage
Voici à peu près comment nous formatons le texte à l'aide des balises décrites dans cet article.
Balises HTML pour les images (images)
Pour les images, il n'y a qu'une seule balise principale - img . Et celui-ci, à son tour, n'a qu'un seul paramètre requis - src , c'est-à-dire le chemin d'accès au fichier. Tout le reste peut être configuré via CSS. En fait, j'ai aussi écrit en détail sur l'insertion d'une image, eh bien, voici un exemple de l'insertion la plus simple :
La balise, comme vous pouvez le voir, est unique, c'est-à-dire que la partie fermante n'est pas nécessaire. Le chemin est défini en fonction de l'emplacement de la page html. Ma photo se trouvait dans le même dossier que la page Web, ce qui signifie que le chemin s'est avéré être le plus court possible.
Vous pouvez changer la taille du katinky en utilisant des attributs largeur et hauteur, mais il est préférable de le faire via CSS. Mais en plus de la balise img, html5 contient également des balises qui aident d'une manière ou d'une autre à concevoir l'image. Ils sont figure et figcaption . C'est-à-dire une figure et une légende. En général, la portée de ces balises est plus large, mais nous allons considérer un exemple avec une image :
Marcher Eh bien, quelques lignes CSS:
Figure( largeur : 300px; ) figcaption( text-align: center; color: gray; )
Ces balises facilitent simplement l'ajout de légendes aux images :
Balises pour les liens
ancre
Autrement dit, il y a aussi 1 attribut requis - href . Sans cela, le navigateur ne comprendra tout simplement pas où aller. L'adresse doit être spécifiée avec le protocole http://. Eh bien, entre les balises d'ouverture et de fermeture, nous indiquons directement l'ancre elle-même, c'est-à-dire le texte que nous verrons sur la page.
Listes sur les pages Web
Avec les listes, tout est aussi assez simple. Il existe 2 types de listes - à puces et numérotées. Différences uniquement dans apparence recenseur. Autrement dit, ce sont des nombres ou simplement des marqueurs.
La liste numérotée est créée avec la balise ol et les éléments eux-mêmes avec les balises li. Vous pouvez mettre autant d'autres balises et tout contenu que vous le souhaitez dans cette balise.
Par défaut, la liste est déjà affichée avec certains retraits.
La liste à puces, respectivement, est créée à l'aide de la balise ul , et à l'intérieur se trouvent tous les mêmes li .
les tables
J'ai écrit plus sur les balises de table ici. En bref, c'est :
Créons un tableau simple :
Cellule 1 Cellule 2 Cellule 1 Cellule 2 Eh bien, grâce à CSS, je l'ai conçu un peu:
Table( border-collapse : effondrement ; ) td( bordure : 1 pixel rouge uni ; rembourrage : 15 pixels ; )
Si vous ne comprenez pas ce qu'est le css, alors je vous invite à lire en même temps, tout deviendra clair tout de suite.
Formes
Les formulaires sont également très importants lors de la création de sites Web, car ils sont utilisés tout le temps. À mon avis, je n'ai toujours pas d'article sensé sur le blog à propos des formulaires, donc je dois écrire. Pour l'instant, créons un formulaire simple :
Principaux éléments du formulaire :
- form - le conteneur de formulaire lui-même, dans lequel tous les champs sont placés. Pour que le formulaire fonctionne correctement, il doit définir les attributs d'action et de méthode, mais cela fonctionne déjà avec le langage php.
- input - le champ de formulaire, ce qu'il sera, dépend de la valeur de l'attribut type. Par exemple, text est un champ pour saisir du texte brut, password est un champ pour saisir un mot de passe, checkbox est une coche, submit est un bouton de soumission de formulaire. Bien sûr, ce ne sont pas toutes des valeurs, mais j'écrirai plus sur d'autres dans un article séparé sur les formulaires (à venir).
- Eh bien, des éléments auxiliaires. Dans notre cas, il s'agit de texte et de sauts de ligne.
Les possibilités de formulaires, notamment avec l'avènement du html5, sont devenues très vastes. Vous pouvez y créer un nombre illimité de champs, les marquer comme requis, définir des modèles, etc. Encore une fois, je vais écrire sur tout cela séparément d'une manière ou d'une autre.
Éléments de bloc et en ligne
En général, tous les éléments en html peuvent être grossièrement divisés en deux catégories : bloc et en ligne. Les balises intégrées incluent, par exemple : b(gras), img (image), a (lien), etc. Autrement dit, ils peuvent être utilisés plusieurs fois sur une même ligne.
Les blocs sont une toute autre affaire. Un bloc ne peut être qu'un par ligne. Exemples de blocs : paragraphes, tableaux, listes. Autrement dit, il ne peut pas y avoir 2 paragraphes sur une ligne, n'est-ce pas ?
Il existe des balises en html qui désignent simplement un bloc et un élément en ligne sans lui donner plus de propriétés. Ils sont span et div . Le premier est en minuscule et le second en bloc. Utilisé dans la mise en page tout le temps. Pour vous aider à comprendre la différence, voici un exemple :
TexteTexteTexteTexte Texte Texte
Ce sont probablement toutes les principales balises html pour créer un site qui sont vraiment utilisées tout le temps et que vous devez vraiment connaître.
Balises HTML (aide-mémoire)
Document HTML (page) - un document écrit en HTML. Enfermé entre les balises Et .
Valeurs des balises de balisage du document
Les balises de balisage sont des commandes spéciales pour organiser du texte, des graphiques, des fragments vidéo et audio sur l'écran, ainsi que des commandes pour établir des liens avec d'autres documents HTML et ressources Internet.
Balises de balisage de base
Et . Entre ces balises se trouvent des informations sur le document.
</b> Et <b> . Ces balises contiennent le nom de la page, qui sera affiché dans le cadre de la fenêtre du visualiseur.Et . Le "corps" du document (texte, graphiques, etc.) est placé entre ces deux balises.
Options de balise :
BGCOLOR - couleur de fond ( BGCOLOR="#000000" > )
CONTEXTE - contexte
TEXTE - couleur du texte
ALINK - couleur du lien actif
Et
- les balises qui servent à surligner les paragraphes. Un nouveau paragraphe est toujours séparé du précédent par une ligne blanche.
- une balise utilisée pour envelopper du texte sur une autre ligne. Peut également être utilisé pour séparer les graphiques du texte par espacement.
- une balise qui sert à séparer logiquement le texte par une ligne horizontale.
Et - Du texte pré-formaté est placé entre ces balises. Il est affiché à l'écran dans une police comme "courrier".Options d'alignement
Utilisé dans
Et
ALIGN=LEFT - alignement à gauche
ALIGN= RIGHT - alignement de la marge droite
ALIGN=CENTRE - alignement au centre
balises d'alignement
Et - alignement au centreTitres servant à mettre en évidence des parties logiques du texte
Et - En-tête du premier niveau.
Et - En-tête du deuxième niveau.
Et - En-tête du troisième niveau.
Et - En-tête du quatrième niveau.
Et - En-tête du cinquième niveau.
Et - En-tête du sixième niveau.Balises pour mettre en surbrillance le texte et la police
Et- des balises pour surligner du texte (mots, lettres) en gras.
Et - balises pour surligner du texte (mots, lettres) cursive, comme l'italique.
Et - le texte entre ces deux balises sera souligné.
Et - le texte situé entre ces deux balises clignotera.
TAILLE=n> Et - des balises pour changer la taille de la police (où n est la taille de la police en px pixels).
COULEUR="# ffffff"> et - tags pour changer la couleur de la police.
Balises pour générer des listes
Balises-commandes pour insérer des objets d'informations non textuelles dans le texte
SRC="fichier.gif" > ou
Options graphiques
WIDHT - largeur de l'image en pixels
HAUTEUR - hauteur de l'image en pixels
ALIGN - alignement (ALIGN= LEFT - alignement à gauche, ALIGN= RIGHT - marge droite, ALIGN= TOP - marge supérieure, ALIGN= BOTTOM - marge inférieure, ALIGN= MIDDLE ou CENTER - centre)
HSPACE - décalage horizontal par rapport à l'image graphique
VSPACE - décalage vertical
ALT - texte alternatif, utilisé pour désigner une image
Commandes utilisées pour créer des hyperliens avec d'autres documents HTML et ressources Internet
href="fail.htm"> Et ou HREF="http://www.ru"> Et - hyperliens
HREF="mailto : @mail.ru"> [email protected] - lien hypertexte vers l'adresse e-mail
les tables
Tableau - une grille pour afficher les données en lignes et en colonnes, ainsi qu'un outil de mise en forme du texte
Et
- balises pour insérer un tableau dans un document HTMLOptions de balise
BGCOLOR - couleur de fond
BORDURE - largeur de la bordure
WIDHT - largeur du tableau
Balises de balisage de tableau
Et - Ligne de tableau. Peut avoir des paramètres BGCOLOR - couleur d'arrière-plan à l'intérieur de la chaîne ;ALIGN= LEFT , RIGHT , CENTER - alignement sur une ligne ;
VALIGN= TOP , BOTTOM , MIDDLE - alignement vertical dans une ligne de tableau.
Et - Colonne de tableau. Peut avoir des paramètres BGCOLOR - couleur de fond sous la colonne ;ALIGN= LEFT , RIGHT , CENTER - alignement dans une colonne ;
COLSPAN étirant une cellule en plusieurs colonnes, ROWSPAN - étirant une cellule en plusieurs lignes.
Et - En-tête de colonne. Peut avoir des paramètres BGCOLOR - couleur de fond sous le titre ;ALIGN= GAUCHE , DROITE , CENTRE - alignement ;
VALIGN= TOP , BOTTOM , MIDDLE - alignement vertical ;
COLSPAN , ROWSPAN - étirement d'une cellule en plusieurs colonnes ou lignes ; WIDHT - largeur du titre.
Cadres
Cadres - cadres - un moyen de diviser l'écran en plusieurs zones, chacune affichant le contenu d'une page Web ou d'un site Web distinct.
Et balises pour créer un cadre
Options de balise
COLS - subdivise l'écran en un certain nombre de colonnes (verticales)
ROWS - subdivise l'écran en un certain nombre de colonnes (horizontales)
BORDCOLOR - couleur de bordure
BORDURE - largeur de la bordure
FRAMEBORDER - bordure de cadre (FRAMEBORDER= YES - il y a une bordure, FRAMEBORDER= NO - pas de bordure, FRAMESPACING= n - largeur de bordure)
Balise de description du cadre ( SRC="fichier.htm" > ).
Options de balise
SCROLING - paramètre pour régler la barre de défilement :
SCROLING= YES - la barre de défilement sera toujours
SCROLING=NO - pas de barre de défilement
SCROLING= AUTO - la barre de défilement n'apparaît qu'en cas de besoin
MARGINWIDHT et MARGINHEIGHT - paramètres qui contrôlent l'indentation à l'intérieur des cadres, sont utilisés pour aligner l'image graphique à l'intérieur du cadre
NORESIZE - un paramètre indiquant que la taille du cadre-cadre ne changera jamais.
Un lien vers HREF= "fichier.htm" TARGET= "frame2" > fichier.htm - Communication entre trames
CIBLE - attribut de lien entre les cadres. A plusieurs significations :
BLANK charge le contenu de la page spécifiée par le lien dans une nouvelle fenêtre vide.
SELF le contenu de la page spécifiée par le lien dans la fenêtre qui contient le lien.
PARENT charge le contenu de la page spécifiée par le lien dans la fenêtre qui est le propriétaire immédiat du jeu de cadres.
TOP le contenu de la page spécifiée par le lien dans la fenêtre, en ignorant les cadres utilisés.
Gestion des navigateurs qui ne prennent pas en charge les cadres :
Les cadres sont situés ici
</b> </p><p><b><span><BODY> </b> </p><p>Voici le texte sans cadres</p><p><b><span><BODY> </b> </p><p><b><span> Téléscripteur
TEXTE - tag qui crée une ligne courante
- Si la ligne de course doit être dirigée de droite à gauche
- mouvement de gauche à droite.
défilement - mouvement standard de droite à gauche
diapositive - l'inscription court une fois du bord droit vers la gauche, où elle reste.
alterné - mouvement du bord droit de la page vers la gauche et vers l'arrière. Cycle sans fin.
- Limitation du nombre de cycles. La valeur n de l'instruction LOOP spécifie le nombre d'itérations de la boucle.
- spécifier la largeur de la zone occupée par la ligne courante, où n est la largeur de la partie de la page où se trouve la ligne courante. La valeur de n est spécifiée à la fois en pixels et en pourcentage de la largeur totale de la partie visible de la page.
- Réglage du mouvement de l'inscription sur l'écran. Ici n est le nombre de pixels.
- Dans ce cas, la variable - temps t - est mesurée en millisecondes. La méthode de réglage de la vitesse consiste à spécifier le temps au bout duquel le texte sera à nouveau redessiné à l'écran.
TAILLE=n > TEXTE - la possibilité de spécifier la taille de la police du texte dans la ligne.
- peindre la surface de la ligne de course dans n'importe quelle couleur, où n peut être spécifié sous forme de nombre hexadécimal ou en écrivant son nom
- indique la hauteur du ticker
Messages similaires
Ensembles liste à puces, dont chaque élément commence par un petit caractère - un marqueur.
