|
Cet article décrit comment créer une page web avec HTML (Hypertext Markup Language). Vous pouvez suivre les étapes présentées ici avec un simple navigateur Web et Windows Notepad. Toutefois, assurez-vous d'enregistrer des fichiers HTML avec une extension ". Html". Bloc-notes va ajouter ". Txt" à la prolongation que si vous entourer le nom du fichier avec des guillemets (Autrement dit, example.html sera enregistré comme tout example.html.txt "example.html" sera enregistré avec l'extension ". Html", comme vous le souhaitez). Les fichiers HTML contiennent des structures connues sous forme de balises. Tags contenir du texte notamment entouré de crochets gauche et droit, tel que <html> ou </ html>. Remarque: Normalement, il n'ya pas d'espace entre une équerre et le texte. Cependant, les espaces seront utilisés dans cet article. De cette façon, les étiquettes apparaîtront sous forme de texte plutôt que le code qui sera exécuté par un navigateur. <Html> indique le début du code HTML et </ html> indique la fin. Entre eux, les autres balises peuvent ajouter une structure supplémentaire. Habituellement, la "tête" et puis "corps" article entrera entre les balises mentionnées précédemment. Ainsi, notre simple fichier peut être écrit comme <html> <head> </ head> <body> </ body> </ html>. 1. Ajouter un titre au fichier HTML. En général, les fichiers HTML contenant un titre (Note: ce n'est pas le même en-tête "." Têtes seront introduites à l'étape 3 ci-dessous). Titres définir le texte à afficher dans la barre de «titre» du navigateur lorsque vous affichez une page donnée. Les titres sont placés dans la section «head» (Autrement dit, entre la tête de <> et </ head>). À titre d'exemple, notre simple fichier peut contenir titre suivant: <title> Ceci est le titre </ title> 2. Ajouter du contenu à la page. Dans l'étape 1, nous avons défini le texte qui sera affiché dans la barre de titre de la fenêtre du navigateur. Toutefois, pour afficher du texte dans la fenêtre du navigateur lui-même, nous avons besoin de mettre ce texte dans la section du corps du fichier (c'est à dire entre le corps <> et </ body>). Cela peut être fait avec la balise paragraphe, <p>. Par exemple, pour ajouter "HTML Web design est un domaine intéressant. Le créateur est mis au défi de mettre sur pied un site web utile et fonctionnel, nous insérons <p> HTML Web design est un domaine intéressant. Le créateur est mis au défi de mettre sur pied un site web utile et fonctionnel </ p> dans la section de caisse. 3. Ajouter un en-tête. Ensuite, nous allons ajouter du contenu d'en-tête au-dessus du paragraphe. Tête de texte est généralement plus grande que le texte paragraphe. Le «tailles réelles d'utilisation" peut être spécifié par CSS (Cascading Style Sheets). Bien que n'étant pas traités ici, CSS sera mentionné dans le code HTML d'apprentissage "- Partie 3 - Mise en forme CSS de base" article. Un en-tête peut être ajouté avec la balise <h1> tag. Ainsi, nous pouvons écrire l'en-tête suivant: <h1> HTML Web Design </ h1> 4. Voir page de code. En général, les pages sur le web contiendra les constructions ci-dessus (avec de nombreuses fonctionnalités de codage). Pour voir le code HTML utilisé pour produire de n'importe quelle page, accédez à elle et choisir la vue "> Source" ou "Affichage> Afficher le texte source" dans le menu. Avec l'aide de cette option de menu, essayez de localiser <title>, <h1>, et <P> dans une page. Ceci conclut notre introduction de base en HTML. Dans la partie 2, nous couvrirons tous les mots clés et ajouter de la structure supplémentaire. |