recherche

Maison >interface Web >tutoriel HTML >Guide HTML du débutant (1)

Guide HTML du débutant (1)

黄舟
黄舟original
2016-12-23 14:40:231061parcourir

Cet article est une introduction à la création de fichiers HTML. HTML est le langage de balisage hypertexte utilisé sur le WWW (World Wide Web). Le but de ce guide est de présenter comment utiliser HTML et créer des documents Web. Les liens dans cet article mènent à des informations supplémentaires. Vous pouvez également consulter votre librairie locale, qui peut contenir de nombreuses informations précieuses sur le Web et le HTML.
Avant-propos
Conditions
WWW
World Wide Web
Web
World Wide Web
SGML
Langage de balisage généralisé standard - Langage de balisage généralisé standard, décrivant le langage de balisage Une
DTD
Définition de type de document standard - définition de type de texte, qui est une description formelle d'un langage de balisage écrit en SGML
HTML
Langage de balisage hypertexte --Langage de balisage hypertexte, c'est un SGML DTD
HTML est un ensemble de définitions de format indépendantes de la plate-forme (spécifiées par des balises) utilisées pour décrire divers composants dans les documents du World Wide Web. HTML a été développé par Tim Berners-Lee dans la salle du CERN (Expérience européenne de physique des particules à Genève). .
Contenu non inclus dans cet article
Ce guide suppose que le lecteur possède les bases suivantes :

Savoir comment utiliser NCSA Mosaic ou d'autres navigateurs Web
Avoir de l'expérience avec les serveurs et clients Web. navigateurs Compréhension générale
Avoir accès à un serveur Web (ou vous souhaitez simplement créer des documents HTML localement pour un usage personnel)
Version HTML
Ce guide fait référence aux dernières instructions - HTML 2.0 - et à certaines sont déjà dans Des fonctionnalités supplémentaires largement implémentées dans les navigateurs. Ainsi que quelques nouvelles fonctionnalités en cours de développement

Document HTML
Qu'est-ce qu'un document HTML
Les documents HTML sont des fichiers texte ordinaires (ASCII) qui peuvent être. édité dans n'importe quel format. Vous pouvez également utiliser un logiciel de traitement de texte, mais n'oubliez pas d'enregistrer le fichier au format "texte brut avec retour chariot".

Éditeur HTML
Certains éditeurs WYSIWYG sont disponibles (par exemple, HotMetal pour plusieurs plates-formes ou Adobe PageMill pour Macintosh. Après avoir acquis quelques connaissances de base du balisage HTML, vous souhaiterez peut-être les utiliser ultérieurement). . Il vous sera peut-être utile d'avoir des connaissances suffisantes en codage HTML pour déterminer si un éditeur WYSIWYG est adapté.

Si vous n'avez pas encore décidé quel logiciel utiliser, vous pouvez vous référer à cet article. Le logiciel de site Web télécharge l'exemple en ligne. liste des éditeurs HTML (classés par plateforme d'application) pour vous aider à trouver des logiciels d'application

Enregistrez le fichier sur le serveur
Si vous êtes à l'école ou au travail, vous pouvez accéder au serveur Web et contacter votre. Webmaster de l'administrateur WEB (la personne qui maintient le serveur) pour voir comment stocker vos fichiers sur le Web. Sinon, si vous ne pouvez pas y accéder à l'école ou au travail, vous pouvez voir si votre communauté dispose d'un réseau gratuit appelé FreeNet, une communauté A. qui fournit un accès Internet gratuit. S'il n'y a pas d'Internet gratuit, vous pouvez contacter votre fournisseur de services Internet local qui peut stocker vos documents sur le serveur moyennant des frais (vous pouvez contacter votre journal local Rechercher des annonces auprès de votre Chambre de. Commerce pour les noms d'entreprises.)

Description de la balise
Un élément est le composant de base d'une structure de document. Des exemples d'éléments incluent des en-têtes, des tableaux, des paragraphes, des listes, etc. manière : vous utilisez des balises HTML pour marquer chaque élément du fichier pour le navigateur. Les éléments peuvent contenir du texte ordinaire, d'autres éléments ou les deux

dans les documents HTML. Les balises sont utilisées pour représenter divers éléments. un crochet gauche (<), un nom de balise et un crochet droit (>). Les balises apparaissent généralement par paires (par exemple,

et ) pour indiquer la portée de la balise. . La balise de fermeture est similaire à la balise d'ouverture, sauf que le nom de la balise entre parenthèses est précédé d'une barre oblique (/). Les balises HTML sont répertoriées ci-dessous

Certains éléments peuvent contenir un attribut, qui est supplémentaire. informations contenues dans la balise d'ouverture. Par exemple, vous pouvez spécifier la position d'une image (en haut, au milieu ou en bas) en incluant les attributs appropriés dans le code HTML du fichier image). Les balises avec des attributs facultatifs sont les suivantes.

Remarque : HTML n'est pas sensible à la casse. est équivalent à <TITLE> ou <TiTlE>. Il y a quelques exceptions répertoriées ci-dessous dans la séquence d'échappement <br><br>Non. tous les navigateurs du World Wide Web prennent en charge toutes les balises. Si un navigateur ne prend pas en charge une balise, il l'ignore généralement <br><br>Document HTML minimum<br>Chaque document HTML doit contenir des balises HTML standard. parties : texte d'en-tête et de corps. L'en-tête contient le titre et le corps contient le texte qui constitue réellement les paragraphes, les listes et d'autres éléments. Les navigateurs ont besoin d'informations spécifiques car ils sont programmés selon les spécifications HTML et SGML. >Le document source suivant illustre les éléments requis : <br><br><html><br>< head><br><TITLE>Un exemple HTML simple


Le HTML est facile à apprendre


Bienvenue dans le monde du HTML.
Ceci est le premier paragraphe, bien que court,
toujours un paragraphe !


Et ceci est le deuxième paragraphe.





Les éléments requis sont , , et <body> ; balises (et leurs balises de fermeture correspondantes). Puisque vous devez inclure ces balises dans chaque fichier, vous pouvez créer un fichier modèle contenant ces balises (Certains navigateurs normaliseront automatiquement vos fichiers HTML correctement. Même si vous ne les incluez pas. balises. Mais certains navigateurs ne le font pas ! Vous devez donc vous assurer d'inclure ces balises.) </p> <p> Ce qui précède est le contenu du Guide du débutant HTML (1), pour plus de contenu connexe, veuillez faire attention. vers PHP Chinese Net (www.php.cn) ! <br></p> <p><br></p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Le rôle de l'attribut dir dans les balises html." href="https://m.php.cn/fr/faq/346129.html">Le rôle de l'attribut dir dans les balises html.</a></span><span>Article suivant：<a class="dBlack" title="Le rôle de l'attribut dir dans les balises html." href="https://m.php.cn/fr/faq/346271.html">Le rôle de l'attribut dir dans les balises html.</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>