Instructions gratuites étape par étape Bonjour le monde!Essayez des combinaisons : à quoi ressemble
C`est la première balise que nous rencontrons qui n`a pas besoin de balise de fin! Nous appelons une telle étiquette un balise vide.Créez des en-têtes pour que les noms des sections soient clairs :
Commencez par les balises du tableau ("tableau" en anglais) autour de toute la table : Placez des balises autour du contenu de chaque ligne : Placez les en-têtes de colonne dans la première ligne : Placez les cellules sur des lignes consécutives : Voici un exemple de la façon dont tout cela s`assemble :
Apprendre le html
Teneur
HTML est l`abréviation de Langage Signalétique Hyper Text, c`est le code de Langue qui est utilisé pour créer des sites Web. Cela peut sembler compliqué si vous n`avez jamais programmé auparavant, mais pour l`essayer, vous n`avez besoin que d`un simple programme de traitement de texte et d`un navigateur Internet. Vous pouvez très bien reconnaître du code HTML provenant de forums, de profils en ligne ou d`articles de wikiHow. Le HTML est un outil utile pour quiconque utilise Internet, et l`apprentissage du HTML peut prendre moins de temps que prévu.
Pas
Partie 1 sur 2: Apprendre les bases du HTML
1. Ouvrir un document HTML. La plupart des programmes de traitement de texte, y compris le Bloc-notes ou Word pour Windows et TextEdit pour Mac, peuvent être utilisés pour créer des documents HTML. Ouvrez un nouveau document et sélectionnez Fichier → Enregistrer sous dans le menu du haut pour enregistrer votre document en tant que page Web, ou modifiez l`extension de fichier de ".doc", ".rtf" ou autre chose à ".html" ou ".htm".- Vous pouvez maintenant voir un avertissement indiquant que votre document passe du format RTF (Rich Text Format) à "texte plat", et que certaines options de formatage et images ne sont pas enregistrées correctement. Vous pouvez ignorer cet avertissement ; Les documents HTML n`utilisent pas ces options.
- .html et .les fichiers htm sont les mêmes. ça marche tous les deux.
2. Visualisez votre document avec un navigateur. Enregistrez votre document vierge, fermez-le, puis double-cliquez sur le document à l`emplacement où il est enregistré pour l`ouvrir à nouveau. Votre document devrait maintenant être ouvert par votre navigateur en tant que page Web vide. Si cela ne fonctionne pas, faites glisser l`icône du fichier dans la barre d`adresse de votre navigateur. Si vous modifiez ultérieurement votre document HTML en suivant les étapes de cet article, vous continuerez à revenir au navigateur pour vérifier à quoi ressemblent les modifications apportées au code.
Remarque : votre page Web n`est pas encore en ligne. La page n`est pas accessible aux autres et vous n`avez pas besoin d`une connexion Internet fonctionnelle pour la tester. Vous utilisez uniquement votre navigateur pour afficher le document HTML "lire" comme si c`était un site web.
3. Comprendre ce que sont les « tags ». Les balises ne sont pas visibles sur la page Web finale, comme le texte normal est. Les balises indiquent à votre navigateur comment afficher la page et le contenu de la page. La balise d`ouverture contient des instructions. Par exemple, il peut dire au navigateur de mettre le texte en gras. La balise de fermeture est nécessaire pour indiquer au navigateur où les instructions s`appliquent : dans cet exemple, tout le texte entre les balises d`ouverture et de fermeture est en gras. Les balises de fin sont également placées entre parenthèses, mais une barre oblique suit la première parenthèse.Écrivez les balises d`ouverture entre parenthèses : Écrivez les balises de fin entre parenthèses, mais mettez une barre oblique après la première parenthèse : Lisez plus loin dans l`article comment écrire des balises fonctionnelles. À cette étape, il vous suffit de vous rappeler comment vous écrivez les balises : < > et Dans d`autres cours HTML, les balises sont également appelées "éléments" appelé et le texte entre les balises de début et de fin est également appelé "contenu de l`élément" Nommé.
<c`est le jour du début>>)4. Écrivez votre premier Chaque document HTML commence par un écrivez en haut de votre document. Appuyez plusieurs fois sur Entrée ou Retour pour vous donner un peu d`espace, puis écrivez rappelez-vous que vous tout dans cet article entre ces deux balises.
5. répare le Entre les balises -balise de début et un -balise de fin. Faites à nouveau de l`espace entre ces balises. Tout ce qui est écrit entre ces balises ne sera pas visible sur la page Web elle-même. Essayez les étapes suivantes et voyez si vous pouvez voir où les informations s`affichent :Ecrire entre les balises et Entre les balises Apprendre le HTML - wikiHow .Enregistrez le document et ouvrez-le dans un navigateur (ou enregistrez le document et actualisez la page dans le navigateur si la page était encore ouverte). Voyez ce que vous venez d`écrire en haut de la page, au-dessus de la barre d`adresse?
6. faire un Tout le reste dans ce document pour débutant est couvert dans la section Après la balise pour la balise et . Tout ce dont nous discutons plus loin dans cet article, nous le plaçons entre les balises body. Vous devriez maintenant avoir un document qui ressemble à ceci (sans les puces) :
sept. Ajouter du texte dans différents styles. Il est maintenant temps d`écrire quelque chose qui sera réellement visible dans le navigateur! Tout ce que vous écrivez dans les balises body sera visible dans le navigateur après avoir enregistré les modifications et actualisé la page dans le navigateur. écrivez ne pas quelque chose avec les personnages < et >, parce que votre navigateur interprétera cela comme une instruction HTML au lieu de texte brut. Par exemple, écrivez Bonjour le monde! (anglais pour "Bonjour le monde!", c`est le texte passe-partout global comme premier exemple dans n`importe quel cours de langage de programmation) ou autre chose, et mettez les balises suivantes avant et après le texte et continuez à voir ce qui se passe :
8. Divisez votre texte en paragraphes. Si vous allez placer plusieurs lignes de texte dans votre document, vous verrez que toutes les lignes sont placées les unes derrière les autres. Vous devez programmer vous-même les nouvelles lignes et les lignes vides :
Cette phrase est sur la première ligneC`est la première balise que nous rencontrons qui n`a pas besoin de balise de fin! Nous appelons une telle étiquette un balise vide.
9. Apprenez à faire des listes. Il existe plusieurs façons de créer des listes sur une page Web. Essayez les méthodes suivantes pour découvrir ce que vous aimez le plus. Notez qu`une paire de balises est placée autour de toute la liste (comme les balises Utilisez le code suivant pour créer des listes à puces :
Ou ce code pour créer des listes numérotées :
Ou ce code pour créer une liste dite de définition :
dix. Rendez votre page plus attrayante avec de nouvelles lignes, des lignes horizontales et des images. Il est maintenant temps de commencer à ajouter d`autres éléments à votre page. Essayez les balises suivantes (vous devez avoir publié l`image en ligne pour pouvoir créer un lien vers l`image) :Insérer une ligne : Insérer des images :
![]("the_url_of_your_image"></big)
11. Insérer des liens vers d`autres endroits sur la page. Vous pouvez également utiliser ce code pour créer un lien vers d`autres pages et sites Web, mais comme vous n`avez pas encore de site Web, nous nous concentrerons sur "ancres" (ancres), c`est-à-dire des endroits spécifiques sur la page vers lesquels vous pouvez créer un lien :Créez d`abord une ancre avec la balise
Utiliser la balise
Pour créer un lien vers une ancre sur une autre page, ajoutez le signe # après l`url, suivi du nom de votre ancre. Par exemple http://www.wikicomment.com/HTML Learning#Conseils vous amène directement à la section "Des astuces" sur cette page.
Partie 2 sur 2: Apprendre le HTML avancé
1. En savoir plus sur les attributs. Les attributs sont placés dans la balise et sont utilisés pour apporter des ajustements supplémentaires à la "contenu de l`élément" entre les balises de début et de fin. Ils ne sont jamais seuls. Ils s`écrivent de la manière suivante : nom="valeur". Nom représente le nom de l`attribut (par exemple, "Couleur") et valeur décrit ce cas particulier (par ex "rouge").- Si vous avez regardé de près dans la partie précédente de cet article, vous avez déjà rencontré des attributs. la balise
2. Expérimentez avec des tableaux HTML. Pour créer un tableau ou un graphique, vous avez besoin de plusieurs balises :
3. Apprenez les autres balises utilisées dans la section head. tu as l`étiquette Les balises méta sont utilisées pour métadonnées générer à propos d`une page Web. Ces données sont utilisées par les moteurs de recherche pour catégoriser les pages Web. Pour rendre votre page visible pour les moteurs de recherche, vous pouvez placer une ou plusieurs balises méta (les balises de fin ne sont pas nécessaires), chaque balise doit contenir exactement un attribut de nom et un attribut de contenu, par exemple :
4. Jouez avec HTML à partir de pages existantes. L`affichage du code source des pages Web est un excellent moyen d`élargir vos connaissances HTML. Faites un clic droit sur la page et sélectionnez "Afficher le code source", "Afficher la source de la page" ou quelque chose de similaire. Essayez de découvrir ce que fait une certaine étiquette que vous ne connaissez pas ou recherchez la réponse en ligne.
Vous ne pouvez pas modifier les sites Web d`autres personnes, mais vous pouvez copier le code HTML dans votre propre document et jouer avec pour voir ce que font les différentes modifications. Remarque : comme de nombreux sites Web utilisent des feuilles de style CSS, vous ne pourrez peut-être pas voir beaucoup de couleurs ou d`autres styles.
5. En savoir plus sur HTML en lisant des articles plus approfondis. Il existe de nombreuses ressources disponibles sur Internet pour maîtriser davantage de balises HTML telles queW3Écoles ou codecademie. Il existe également de nombreux livres sur HTML disponibles, mais assurez-vous d`utiliser une édition récente car la norme en HTML change de temps en temps. Une fois que vous maîtrisez le HTML à un bon niveau, vous pouvez vous tourner vers CSS pour plus de contrôle sur la conception et le style de votre page Web. Après cela, la prochaine étape est généralement javascript.Il peut être utile de rechercher une simple page Web sur Internet, puis de jouer avec le code. Essayez de déplacer du texte, changez la police, changez les images, tout ce que vous voulez! Vous pouvez utiliser un cahier pour écrire le code afin d`avoir quelque chose sur quoi vous appuyer si vous n`êtes pas sûr. Vous pouvez également imprimer cette page et la conserver comme référence. XML et RSS sont de plus en plus utilisés sur les sites Web de nos jours. Le code peut sembler inaccessible à l`œil humain, surtout si vous le regardez dans le code source, mais la fonctionnalité peut être utile. Les balises utilisées dans HTML ne sont pas sensibles à la casse, mais la valeur par défaut est d`utiliser des minuscules (comme nous le faisons dans cet article). Les minuscules pour les balises sont fortement recommandées, également pour la compatibilité XHTML.
Des astuces
Mises en garde
- Certaines balises ne sont plus utilisées et ont été remplacées par d`autres balises qui font de même, mais offrent souvent plus d`options.
- Si vous voulez vous assurer que votre page est conforme à la norme HTML, visitez le site Web de W3 pour vérifier votre code par rapport à la norme actuelle. De nombreuses balises sont désormais obsolètes et remplacées par des balises qui fonctionnent mieux sur les navigateurs modernes.
Nécessités
- Un programme de traitement de texte, tel que Notepad (Windows) ou TextEdit (Mac).
- une feuille de papier ou un cahier (optionnel)
- Un programme spécialement conçu pour écrire du HTML, tel que Notepad++ pour Windows ou TextWrangler pour Mac (optionnel)
Articles sur le sujet "Apprendre le html"
Оцените, пожалуйста статью
Populaire
