Vous êtes certainement confronté à un tel concept en tant que code HTML. Entendu des amis, vu dans le menu de leur navigateur, etc. Mais qu'est-ce que c'est? Essayons de savoir ce que c'est pour le code et à partir de quels articles qu'il consiste.
Informations de base
Commençons par la définition. Le code HTML est le marquage de n'importe quelle page Web effectuée à l'aide de la langue HTML.
Ce code est composé de balises, grâce auquel le navigateur détermine la façon dont une page ressemble à une page. La structure est divisée en deux parties: tête - l'en-tête du document dans lequel le nom de la page est prescrit, ainsi que des informations sur le document lui-même, et le corps est le corps du document dans lequel les paramètres de page sont spécifiés.
Afin de créer une page Web plus ou moins décente écrite à partir de zéro, vous devez apprendre les balises utilisées par ces langues, leurs paramètres et également connaître les codes couleurs HTML.
Mots clés
Tag - élément du langage HTML. Avec elle, vous pouvez définir la police, la couleur, la taille du texte, insérer des tables et des images, formatez, créer des en-têtes, des liens, ainsi que la peinture de la page.
Tags toujours enfermés entre crochets angulaires -<>Et c'est exactement ce qui les distingue du texte principal, qui est affiché sur la page lors de la visualisation. Ce sont deux espèces - jumelées et solitaires.
Couplé consister en une étiquette de découverte et de la fermeture, tandis que dans la dernière après le support de coin gauche, il y a un slansh droit. Par example: texte.
Il existe un texte, une table, une image ou un autre élément entre deux balises, qui est affichée sur la page Web.
Simple consiste en une seule étiquette et ne contient pas de barre droite. Par example:
.
Les balises peuvent avoir des paramètres, comme vous pouvez utiliser des codes spéciaux pour HTML.
Nous notons également que pour la plupart des personnages: chiens, crochets, plus ou égaux, inférieurs ou égaux à beaucoup d'autres - il existe une table spéciale dans laquelle les codes de données sont prescrits. Ce code commence par AMPERSANT, après quoi une désignation mnémonique de l'alphabet peut aller, ou le signe de réseau avec un code de symbole à trois chiffres. À la fin, mettez nécessairement un point avec une virgule.
Tags de base
Nous avons trouvé, essayons maintenant de répertorier les balises de base qui peuvent être utiles si vous ne créez pas vos propres pages Web, puis au moins lors de la conception de textes.
- < body> - contient les paramètres de base du document, tels que des références, des champs et d'autres;
- < p> - dénote le paragraphe;
- < b> - souligne le texte de la graisse;
- < i> - italique;
- < u> - souligne le texte;
- < s> - traverse le texte;
- < sup> - Spécifie le texte comme indice supérieur;
- < sub> - indice inférieur;
- < font> - Spécifie le paramètre de police: taille, police, couleur;
- < div> - avec elle, vous pouvez aligner votre texte;
- < h>- titres de tag;
- < a> - avec elle, les références sont définies;
- < table> - aide à insérer la table au document, les balises sont connectées à elle< tr> (string) et< td> (cellule).
Seul:
- célibataire, transfère le texte après elle, sur nouvelle page;
- avec elle, vous pouvez insérer un trait horizontal dans le texte.
Il convient de noter que les étiquettes sont généralement prescrites avec nouvelle chaîne. Ceci est fait pour la commodité non seulement de la Vestovel elle-même, mais également de ceux qui afficheront des codes en HTML.
Paramètres de balise
Nous avons déjà envisagé les balises de base que vous souhaitez connaître. Bien sûr, nous avons énuméré non tous, mais même ce minimum peut suffire à créer vos premières pages Web.
Mais c'est un peu sur des tags, vous devez toujours explorer les paramètres pouvant être définis. Dans cet article, nous ne les ferons que bref examenNous décrivons le plus fréquemment utilisé. Vous pouvez les voir en ouvrant tout code HTML.
Nous ne peignons pas non plus, pour quelle balise, ce paramètre convient, car nombre d'entre eux sont utilisés dans la plupart des commandes de marquage Web:
- face - définit le type de police;
- taille - Spécifie la taille;
- couleur - Spécifie la couleur;
- alignement - alignement;
- nom nom;
- hREF - L'utilisation de ce paramètre définit l'adresse de liaison;
- alt - texte alternatif;
- largeur - largeur;
- hauteur - Hauteur;
- fond - dessin d'arrière-plan;
- bGCOLOR - Contexte.
Ce ne sont pas tous des paramètres, nous n'avons répertorié que le plus consommé et connu.
Une fois que le paramètre est le signe de l'égalité, puis dans les guillemets est prescrit sa valeur. Nous vous conseillons lorsque vous développez des sites Web et des pages pour utiliser des manuels ou des avantages spéciaux, afin non seulement de connaître les paramètres de base, mais également de leur demander correctement.
Table des fleurs
Ainsi, avec les balises principales et leurs paramètres, nous avons compris, regardons maintenant les codes de couleurs HTML. C'est avec leur aide que vous pouvez définir la couleur du texte, la page ou les mêmes éléments individuels.
Les webmasters débutants doivent être connus qu'il existe des tables de couleurs spéciales qui donnent les codes de chaque nuance. Il n'y a que 16. fleurs de basequi peut être spécifié non seulement avec la table, mais simplement indiquer leur nom sur langue Anglaise. En outre, ils peuvent également ajouter des mots légers et sombres, régler l'ombre souhaitée.
Il y a aussi un certain nombre de détectes de toutes sortes.
Notez qu'il est plus pratique d'utiliser les tables. Ils reçoivent un code de couleur hexadécimal. Dans le même temps, vous pouvez voir immédiatement cette nuance. Chaque code commence par un signe de réseau, suivi de trois paires de signes caractérisant l'intensité du rouge, du vert et du bleu.
Ce code est suffisant pour copier et substituer la balise dont vous avez besoin.
Comment voir le code de page
Si vous souhaitez créer des pages Web, vous serez probablement intéressé de voir le code HTML du site que vous aimez, ou celui que vous visitez assez souvent.
Mais comment faire ça? Il y a deux façons, assez simples et compréhensibles. Le premier consiste à ouvrir la page dont vous avez besoin et appuyez sur la combinaison de touches CTRL + U. Dans une nouvelle fenêtre apparaîtra la source Pages que vous pouvez regarder et explorer.
La deuxième façon - cliquez sur bouton gauche Souris et choisissez de "code source". Mais nous vous recommandons toujours d'utiliser la première voie, car l'utilisation de clés à chaud est beaucoup plus facile et plus pratique.
Notez que, lire le code, vous pouvez également consulter les commentaires, prescrit dans la balise "Commentaire", qui ressemble à ceci:. Dans le même temps, le commentaire lui-même est écrit après point d'exclamation. Dans le navigateur, il n'est pas affiché. Et il est écrit, essentiellement, de manière à ce que d'autres programmeurs et concepteurs Web puissent comprendre que le bloc d'information est ci-dessous, pourquoi un élément de code particulier a été spécifié.
conclusions
Ecrire des codes sur HTML n'est pas aussi difficile que cela puisse paraître à première vue. Surtout si vous êtes sans prétention et que vous voulez créer des sites simples, manuels électroniques Basé sur HTML, etc. L'étude des balises principales et du principe de balisage ne prendra pas beaucoup de temps. Vous avez même quelques jours pour commencer à créer vos propres projets.
Notez que si vous décidez d'étudier cette langue Marquages, alors soyez prudent. La plupart des problèmes se posent précisément à cause de l'inattention: balises de paire non déconnuées, paramètres corrects, TYPOS - tout cela menace de tourner autour de l'erreur que vous pouvez rechercher assez longtemps. Mais en général, pour étudier le HTML-Markup of Pages est assez intéressant.
Voyager à travers la portée Internetvous pouvez remarquer à quel point pages Web et capacités. Mais tout le monde ne sait pas que toute cette variété est mise en œuvre sur la base de la langue HTML..
Tout ce que vous voyez sur la page - texte, dessins, tables et autres éléments formant un remplissage sémantique d'une page Web, appelé contenu, sont créés à l'aide de la langue de balisage HTML.. Cliquez sur clic-droit Souris sur n'importe quelle page Web, et dans le menu de goutte, sélectionnez "Voir le code HTML" ou alors "La source" - apparaîtra Éditeur de texte avec incompréhensible, vos symboles et icônes - c'est HTML.PageCoda.
Tout document WWW peut contenir du texte, des graphiques et des hypersubs stylisés et formatés avec différentes ressources Internet. Pour mettre en œuvre toutes ces opportunités, une langue spéciale de la description des documents www a été développée, nommée Langue de balisage hypertexte (HTML), c'est à dire, Langue de marquage hypertexte.
Description de la page Web sur langue HTML C'est un ensemble d'instructions interprétées par un programme de navigateur.
Le document écrit sur HTML est fichier texteComprendre le texte réel qui apporte des informations sur le lecteur et des balises de balisage (balises de balisage). Les balises sont définies par la norme HTML, des séquences de symboles instructions pour un navigateur.
Selon ces instructions, le programme contient du texte à l'écran, comprend des images stockées dans des fichiers graphiqueset forme des hypercups avec d'autres documents ou ressources Internet. Ainsi, le fichier HTML n'acquiert que l'apparence d'un document Web uniquement lorsqu'il est interprété par le navigateur.
Cependant, B. langage standard HTML a un inconvénient important. Par exemple, afin de décrire le marquage des paragraphes dans le contenu et la conception, il est nécessaire de décrire ces propriétés pour chaque paragraphe, même s'il y a 10 ou 20 paragraphes sur une page. Et imaginez qu'il peut y avoir 100 pages sur le site. En conséquence, vous avez besoin de vingt ou deux cents fois insérer un et même pièce de code HTML dans la page, augmentant ainsi la taille du fichier.
Et quel maux de tête pour programmeurs! Faciliter la vie aux webmasters pauvres, ont été inventés Feuilles de style en cascade (CSS) - Feuilles de style cascade.
CSS. Agit autre chose, plus pratique et économique. Pour l'enregistrement des paragraphes du contenu du site, le code ou le style de conception est prescrit une fois. Ce code ou la description de style est stockée dans fichier séparé. Ensuite, vous avez juste besoin de quand aide html Placez le texte sur les paragraphes et CSS prendra soin de leur conception. Le code diminue de dizaines et de centaines de fois.
Placer des styles Description dans un fichier séparé est très pratique, surtout s'il y a plus d'une page sur le site. Par exemple, pour changer enregistrement Tous les paragraphes du site, modifient simplement le code dans la feuille de style.
CSS ainsi que HTML, vous permettent de travailler des merveilles et de tout remercier de la division du travail pour créer des pages Web. Le balisage des éléments de pages est effectué sur la base de HTML et la conception visuelle des éléments est donnée à l'aide de tables CSS.
les tables styles CSS. - Tentative de séparer les détails de conception de la page de sa structure et de sa contenance.
Bien que ce soit un diplôme chinois pour vous. Et je ne construirai pas de gourou et écrivez un autre tutoriel "Qu'est-ce que HTML et CSS". Vous trouverez des informations sur Internet une voiture entière, ainsi qu'un ensemble de manuels publiés. Nous voulons aller au fond du sujet - le drapeau entre vos mains. N'ai pas peur, HTML. et CSS. Très simple, et toute bouilloire peut les maîtriser. Mais pas difficile à dépêcher avec cela.
Pour votre propre expérience, je sais qu'il est préférable de ne pas surcharger les informations inutiles du cerveau de la bouilloire, sinon. Brain ébullition à l'avance. Ne croyez pas les intelligents sur différents sites qui prétendent que la création du site doit être lancée avec l'étude de HTML et CSS. J'ai de bonnes nouvelles pour vous - vous n'êtes pas obligé d'écrire vous-même du code HTML, car les gens intelligents sont venus avec Cms. .
| < Как работает браузер |
|---|
Les inscriptions fabriquées par les polices monosolides sont créées à l'aide de balises
,
et
. Les résultats de l'utilisation de ces balises sont généralement identiques: une police mono large avec une taille fixe de caractères et d'intervalles.
Étiqueter
Étiqueter Étiqueter Utilisé pour entrer du texte sans formatage, c'est-à-dire avec la préservation de tous les espaces, onglets et portes des lignes. Dans cet élément, vous pouvez appliquer la plupart des éléments de formatage de texte. Attention: Dans la langue Transferts HTML Les rangées qui vont dans une rangée d'espaces et onglets sont ignorées. Plusieurs lacunes d'une rangée sont perçues comme un espace. À l'intérieur de l'élément
- un conteneur d'élément de départ utilisé pour insérer de petits fragments du code de programme, par exemple dans un document Web représentant didacticiel sur la programmation. Les navigateurs affichent un tel code monosolide (par exemple, Courier neuf). Si vous utilisez Ero avec élément
Exemple: utilisation d'éléments et
Le navigateur duplique chaque espace rencontré ou transfert de chaîne, tout en maintenant votre formatage d'origine.
If (document.getelementsbyclassname) (x \u003d document.getelementsbyclassname ("pagination") si (x.length\u003e y) (x.style.visibilité \u003d "caché";)
À l'intérieur de l'élément "PRE", le navigateur duplique chaque espace rencontré ou transférant une chaîne, tout en maintenant votre formatage d'origine.
if (document.getelementsbyclassname) (x \u003d document.getelementsbyclassname ("pagination") si (x.length\u003e y) (x.style.visibilité \u003d "caché";)
Mots clés et
Étiqueter
Remarques Le fragment de code en tant qu'utilisateur entré dans le clavier. Certains navigateurs marquent un tel texte avec un fond supplémentaire.
Étiqueter
Il est utilisé pour former une sortie d'ordinateur, par exemple, le texte affiché dans la fenêtre de la console après avoir entré le script de contrôle. Cet élément rarement utilisé affiche simplement son contenu avec la police monosine, comme
, ,
.
Exemple: éléments et
- Essayez-le vous-même »
Le texte que l'utilisateur doit entrer dans l'endroit du clavier dans
Conteneur d'élément "KBD".
Entrez le texte: Ceci est le texte saisi du clavier.
Ceci est le texte placé dans le conteneur "Samp".
Étiqueter
Étiqueter Utilisé afin de mettre en évidence des variables dans le code du programme. Il définit une variable d'expression mathématique ou de paramètre de programme et est généralement affichée en italique.
Exemple: éléments
- Essayez-le vous-même »
Energie corporelle cinétique:
Energie corporelle cinétique:
W.à = m.v.2/2
Tâches
Tache finale
Dans cette leçon, vous avez connu des balises qui affichent leur contenu avec des polices de monosine, allouer des variables dans le code et la balise de formatage préliminaire. Tous sont importants lorsque vous travaillez avec des expressions maternelles et du code de programme.
Il est temps de répéter l'étudié et exécuter trois tâches simples:
Variable
- Partager moi-même "
L'utilisation des éléments HTML indiquez dans la littérature d'équation donnée Y comme variable.
Équation de parabola y \u003d nx 2
Équation de parabolla y. \u003d Nx. 2
Texte pré-formaté
- Partager moi-même "
Utilisant Élément HTML Faites le texte placé dans l'élément de code, affiché le navigateur tout en enregistrant tous les espaces et les portes des cordes.
Si vous ouvrez une page Web, il contiendra des éléments typiques qui ne changent pas du type et de la direction du site. Dans l'exemple 4.1, le code est affiché. document simplecontenant les balises principales.
Exemple 4.1. Page Web de code source
Titre
Le premier paragraphe.
La deuxième paragraphe.
Copier le contenu cet exemple Et enregistrez-le dans le dossier C: \\ www \\ sous le nom Exemple41.html. Après cela, exécutez le navigateur et ouvrez le fichier via l'élément de menu. Fichier\u003e Fichier ouvert (Ctrl + O). Dans la boîte de dialogue Sélection de documents, spécifiez le fichier exemple41.html. Le navigateur ouvrira la page Web illustrée à la Fig. 4.1.
Figure. 4.1. Le résultat de l'exécution de l'exemple
Élément Conçu pour spécifier le type de document actuel - DTD (Définition du type de document, description du type de document). Il est nécessaire que le navigateur comprenait comment interpréter la page Web actuelle, car HTML existe dans plusieurs versions, il existe en outre XHTML (langage de balisage hypertexte extensible, un langage de balisage hypertexte étendu), similaire à HTML, mais différent avec syntaxe. Au navigateur "non confus" et compris, selon lequel la norme pour afficher une page Web et que vous devez définir la première ligne .
Il y a plusieurs espèces Ils diffèrent en fonction de la version HTML, qui est orientée. Dans l'onglet. 4.1. Les principaux types de documents avec leur description sont donnés.
| DOCTYPE. | La description |
|---|---|
| HTML 4.01. | |
| STRICT SYNTAX HTML. | |
| Syntaxe de transition HTML. | |
| Les cadres sont appliqués dans le document HTML. | |
| HTML 5. | |
| Dans cette version de HTML, un seul doctitile. | |
| Xhtml 1.0. | |
| Strict Syntaxe XHTML. | |
| Syntaxe de transition XHTML. | |
| Le document est écrit en XHTML et contient des cadres. | |
| Xhtml 1.1 | |
| XHTML 1.1 Les développeurs supposent qu'il remplacera progressivement HTML. Comme vous pouvez le constater, aucune division sur l'espèce n'a pas de définition, depuis la syntaxe une et obéit les règles claires. | |
La différence entre la description stricte et transitoire du document consiste dans une approche différente de l'écriture du code du document. Strict HTML nécessite une adhérence stricte à la spécification HTML et n'oublie pas les erreurs. HTML transitoire Plus "calmement" fait référence à certains codes, ce type est donc préférable d'utiliser ce type dans certains cas.
Par exemple, dans Strict HTML et XHTML nécessiteront certainement une étiquette
Étiqueter
Titre
Le premier paragraphe.
La deuxième paragraphe.