Cette section du site est entièrement dédiée aux deux langues de la création d'un site, nommément HTML et CSS. Ici, vous pouvez avoir progressivement apprendre des langues, trouver tout, des bases aux moments les plus difficiles.
Cette section repose sur le principe de l'étude étape par étape du matériau. Ainsi, avant chaque nom de la leçon sur HTML et CSS, il existe un chiffre correspondant au numéro de cours de séquence. Il est naturel dans le cas si vous voulez tout apprendre du très basique et de ne pas vous rendre une bouillie dans ma tête. Si vous savez déjà quoi que ce soit sur les langages HTML et CSS, vous pouvez également trouver les connaissances qui vous manquent ou, approfondir déjà apprises.
Cette section contient des leçons sur les langages HTML5 et CSS3, respectivement, s'il existe des versions plus récentes de ces langues, elles seront également reflétées dans les nouvelles leçons de cette section et vous apprendrez certainement.
Probablement, chaque personne qui au moins une fois dans sa vie est apparue de la création d'un site, bien sûr, j'ai entendu parler d'un tel paquet comme HTML et CSS, je peux déclarer avec confiance que si vous voulez faire des sites vous-même, vous ne voulez pas faire sans connaître ces deux choses.
Après avoir reçu des concepts généraux sur ce que HTML est dans votre tête, il a clairement développé une image ambiguë et je pense que ce n'est pas surprenant. Il est temps de passer directement à la pratique et à créer votre premier document HTML.
Comme dans le langage HTML, les deux dans CSS ont ses propres caractéristiques, règles et structure. Dans cette leçon, je vous dirai des concepts de base de la langue CSS, de sa structure, de sa structure, de la première table CSS avec vous et d'apprendre à connecter la feuille de style au document HTML.
Les sélecteurs de CSS sont la base de la langue elle-même et de leur étude et leur compréhension est très importante, donc dans cette leçon, je vous en dirai plus sur plusieurs types de sélecteurs et je vais décrire leurs capacités.
Un point très important dans la création d'un site est de travailler avec le texte, et comme vous comprenez, avec le texte de HTML, vous devez également pouvoir travailler et savoir quelles étiquettes sont et comment elles peuvent être utilisées.
Après avoir appris toutes les balises HTML pour travailler avec le texte, il est temps d'aller directement à CSS travaillant avec du texte qui élargira déjà vos connaissances et opportunités.
Dans CSS, un nombre énorme de toutes sortes de propriétés d'apparence commode et efficacement changeantes et que nous continuons à étudier CSS fonctionnent avec le texte et dans cette leçon, nous approfondirons dans le sujet du travail avec le texte et envisager de nouvelles propriétés du texte.
Travailler avec des images lors de la création du site, l'un des points clés, comme lors de la création d'une conception, également avec une mise en page simple ou une écriture de tout matériau de votre site.
CSS élargit de manière significative de travailler avec des objets HTML, dans cette leçon, je voudrais vous indiquer en détail ces paramètres pouvant être appliqués aux images.
Titre complet - Langage Signalétique Hyper Text.. C'est une langue de balisage hypertexte, qui est utilisé partout lors de la construction de pages Web et de documents. Le chemin HTML a commencé dans la première moitié 90 ans. À cette époque, il était extrêmement primitif, mais a déjà contribué à faire des pages simples pour le Web. Depuis lors, la langue se développe constamment, car elle a déjà beaucoup appris. Sans HTML, dans ce formulaire, comme nous l'avions l'habitude, les sites Web n'existeraient tout simplement pas. Presque tous les sites utilisent dans une certaine mesure HTML.
Aujourd'hui, la norme actuelle - Html5.qui a été officiellement libéré en 2014. C'est une norme révolutionnaire qui a permis à la langue d'aller à un nouveau niveau.
Innovations dans HTML5:
L'algorithme d'emballage a changé lors du développement de la structure DOM;
Les nouvelles tags sont apparues, comme audio, vidéo et autres. À propos, maintenant uniquement les forces HTML que vous pouvez créer un lecteur Web. Auparavant, je devais utiliser Adobe Flash Player;
Nuérez la partie des règles et la sémantique de l'utilisation d'éléments HTML.
Si vous regardez globalement, HTML5 est devenu plus que la prochaine version linguistique, mais une plate-forme de développement d'applications à part entière. Auparavant, sa capacité était limitée à la construction d'une structure, il est aujourd'hui beaucoup plus intelligent. Avec la sortie de la norme, la sphère d'utilisation de la langue s'est considérablement étendue. Outre la direction traditionnelle du développement Web, il est utilisé pour créer des programmes informatiques sur Windows 8 et plus récente, et même développer des applications de smartphones sur toutes les plateformes populaires.
Tout est venu au fait que HTML5 a commencé à être appliqué dans deux directions clés:
En tant que version mise à jour de la langue HTML;
Le rôle d'une plate-forme fonctionnelle sur laquelle des applications Web peuvent être construites par diverses complexes. True, créez une application à part entière sur PURE HTML5 ne fonctionnera pas, car elle est toujours utilisée JavaScript et CSS3.
Qui est engagé dans la modernisation de HTML5? Sur la langue fonctionne W3C ou nom complet - WORLD WIDE WEB CONSORTIUM - Il s'agit d'une organisation de niveau international qui conserve l'indépendance de développeurs spécifiques. Il produit également des spécifications, des définitions et des normes pour HTML5. La spécification originale et complète est disponible sur le site officiel sur le lien ( disponible en anglais). L'organisation n'a pas terminé les travaux sur la langue, au contraire - continue de le développer.
Navigateurs de support
Il est important de comprendre que la spécification HTML5 et la mise en œuvre de cette technologie dans des navigateurs spécifiques sont des concepts différents. De nombreux navigateurs Web développés activement ont commencé à implémenter des fonctions HTML5 HTML5 avant même la publication de cette version. À ce jour, la plupart des navigateurs frais prennent en charge toutes les fonctions HTML5. Support complet Fournir: Chrome, c'est-à-dire 11, firefox, bord, opéra. Les versions relativement anciennes n'ont pas le soutien de nouvelles normes, par exemple, à savoir 8 ans et plus. Dans la version C'est-à-dire 9. et 10
Les normes ont déjà été mises en œuvre, mais seulement partiellement.
Souvent, les navigateurs peuvent généralement travailler avec une nouvelle norme, mais de manière différente de traiter les fonctions ou de produire simplement une erreur. Par conséquent, dans le développement CrossBOser, il est nécessaire de prendre en compte toutes les caractéristiques des navigateurs. À ce stade, soutenir la norme des navigateurs Web est déjà sur un bon niveau.
Pour vous assurer que la version actuelle du navigateur prend en charge HTML5, vous pouvez passer un petit test.
Quel est nécessaire pour le travail?
Qu'est-ce qui est utile pendant le développement de HTML5? L'outil Key est un éditeur de texte dans lequel le code sera fermé pour la future page Web. L'un des éditeurs les plus populaires et les plus multifonctionnels est NOTEPAD ++. Il est disponible sur le site officiel absolument gratuit. En plus de la distribution gratuite, il dispose toujours de toutes les fonctions nécessaires, a beaucoup de plug-ins utiles, met en évidence l'ouverture et la fermeture des balises.
Aussi un bon éditeur avec le support de la plupart des systèmes d'exploitation est le code Visual Studio. Il est capable de travailler dans MacOS, Windows et Linux. Par opportunités, ce logiciel est quelque peu supérieur au Notepad ++.
Le deuxième outil important est un navigateur Web, il sera utile pour tester le code. Tout navigateur convient à partir du développeur bien connu. Si vous devez créer une application multiplate-forme, vous devrez définir tous les navigateurs Web populaires sur le système.
J'ai décidé de payer plus d'attention aux débutants qui souhaitent acquérir des connaissances sur le site Web des bâtiments du site. Mon professeur m'a poussé dessus, qui a fait beaucoup d'erreurs dans les méthodes de travail de laboratoire. J'aimerais jeter un coup d'œil à cette ressource à partir de laquelle des informations éducatives ont été prises et il y aurait quelques lignes de mon avis. Mais maintenant n'est pas à propos de ça. Dans ma première conférence, je parlerai de
Quelle est la structure du document HTML
Étiqueter rapporte que la structure du document HTML commence, - Qu'est-ce qui se termine. Entre les étiquettes Les moteurs de navigateur et de recherche sont stockés dans la plupart des cas. Dans les étiquettes Contient le titre de notre page. Étiqueter suggère que d'autres informations sont destinées à l'utilisateur, Et suggère naturellement que les informations de l'utilisateur se termine.
Maintenant je vais vous expliquer un peu. TOUTES TAGS ( tEG - Langue de marquage hypertexte) Ils sont divisés en deux types de "célibataire" et de "fermeture". De plus, les balises sont aux caractères suivants <
et >
, Ce sont eux qui distinguent une balise du texte ordinaire Html. Considérez certaines des balises «simples» les plus simples:
- la balise qui est responsable du transfert vers une nouvelle chaîne à l'endroit où cette balise est installée. Considérez le code à l'aide de cette balise.
Mon premier site
Bonjour tous le monde! Et c'est mon premier site.
Le résultat peut être visualisé.
- Tag, qui dessine une ligne horizonable. Cette balise fait référence aux éléments bloquants, la ligne commence toujours par une nouvelle ligne. Il a 5 attributs:
aligner - détermine l'alignement de la ligne. Peut prendre la valeur de gauche, centre, droite.
couleur - Spécifie la couleur de la ligne.
noshade - dessine une ligne sans effets en trois dimensions.
taille - Spécifie l'épaisseur de la ligne.
largeur - Définit la largeur de la ligne.
Code à l'aide de la balise :
Mon premier site
Bonjour tous le monde! Et c'est mon premier site.
L'exemple visuel est situé.
Une autre étiquette "simple" est . Cette balise est utilisée pour stocker des informations destinées aux navigateurs et aux moteurs de recherche. Les moteurs de recherche font appel aux méthagaines pour obtenir une description du site, des mots-clés et d'autres données. Autorisé à utiliser un nombre illimité de méthamis, tous doivent être entre et . Les paramètres de n'importe quel métatahatga ont la forme "nom \u003d valeur", qui est déterminée par des mots-clés contenu, nom. ou alors http-equiv.. Parce que Les métatellets sont conçus pour les voitures, ils n'entrent aucun changement visuel. Je ne donnerai que le code source:
Cette ligne suggère que le créateur de page estime que le codage UTF-8 est utilisé sur la page. Dans HTML5, tout est devenu plus facile, afin de spécifier le codage, seule la ligne suivante est suffisante: