Codes HTML pour les sites Web
La marque hypertexte en place langue (HTML) est le langage qui comprend un navigateur Web et affiche une page Web selon elle. HTML est un langage de marque dans laquelle vous demandera le navigateur web sur la façon dont vous vous attendez de la page Web pour regarder. C'est une marque de langage avec un WYSIWYG (What You Say What You Get est) la philosophie. Cet article parle de codes HTML pour les sites web et donne une brève introduction sur la façon dont une page web de base peuvent être conçus.
Introduction aux codes HTML pour les sites Web
Le code HTML est le langage dont le navigateur lit. Il est inévitable que vous connaissez le code HTML et les balises pour créer une page Web. Il ya certaines règles HTML que vous devez suivre pour rédiger des codes HTML pour les sites web.
Chaque page Web est créée à partir d'un fichier 'code source'. Pour créer une page Web de base, tout ce que vous avez besoin est un éditeur de texte comme Notepad. Vous écrivez le contenu des pages Web de ce fichier texte avec toutes la marque des codes HTML répartis à l'intérieur. Ce fichier est enregistré avec un '. Html' ou l'extension ". Htm". Quand un navigateur comme «Firefox» ou «Internet Explorer» ouvre ce fichier, il est rendu comme une page Web.
«Tag» Chaque code HTML est écrit dans l'ouverture paire de crochets angulaires () et la fermeture de parenthèses angulaires (). Entre ces deux paires de supports, se trouve le texte à formater ou donné une forme spécialisée. Un navigateur n'est pas sensible à la casse pour marquer le texte entre crochets angulaires. Chaque balise peut avoir certaines qualités qui sont placés à l'intérieur des parenthèses angulaires d'ouverture () après le nom de la balise. Voyons les différents codes HTML pour les sites Web.
Tout le code source d'une page web est enfermé dans et tags. Le Web lit le code et le contenu écrit après la balise .
Le contenu principal de la page Web qui est affichée par le navigateur est contenu dans le body et . Tout le contenu textuel et graphique du site doit être contenu dans l'élément body et . La balise body a 'bgcolor' et 'Police' attributs pour définir la couleur d'arrière-plan et le type de police.
Il ya un . . qui vient avant la balise , qui contient des informations supplémentaires sur le contenu de la page Web et contient également le titre de la page web (sous la forme d'
.. </ title> ). Voici un exemple de structure d'un code source de page Web:<br> <br><html> <br><br><head> <br><br><title> <br><br>"Titre de la page Web Goes Here!" <br><br></ Title> <br><br></ Head> body "Ce texte est affiché, tandis que le reste sont des balises!" </ Body><br> <br></ Html> <br><br>Codes HTML pour le texte dans les sites Web <br><br>Voici les fondamentaux de formatage de texte des codes HTML pour les sites Web. <br><br>* <b>. . </ B> (Tag Gras): Le texte ci-joint dans la balise gras apparaît en gras.<br> <br>* <i>. . </ I> (Italique Tag): Le texte ci-joint dans la balise italique apparaît en italique<br> <br>* <u>. . </ U> (Souligné Tag): texte apparaît souligné enfermé dans <br><br>* <p>. . </ P> (balise de paragraphe): Le texte ci-joint dans la balise paragraphe constitue un paragraphe. Cette balise possède un attribut supplémentaire de "align = center / gauche / droite».<br> <br>* <br>. . </ Br> (Break Tag): Cette balise donne une pause dans la phrase et commence le texte sur la ligne suivante<br> <br>Codes HTML pour les liens dans Sites Web <br><br>Dans le cas où l'on veut créer un lien hypertexte d'une phrase dans le corps du texte de la page Web, c'est créer un lien depuis cette page vers une autre page web, il faut utiliser la balise link qui est:<br> <br>URL)"> href="(webpage <a (Phrase d'être lié) </ a> <br><br>Codes HTML pour les images de sites Web <br><br>Code HTML pour sites Web inclut une balise pour incorporer des images. Il est livré avec un attribut «Alt» pour fournir des informations supplémentaires à propos de l'image, ainsi que 'height' et 'width' attributs pour ajuster la taille originale de l'image. Pour incorporer une image, utilisez la balise d'image de la façon suivante:<br> <br>D'image> src="(image URL)" height= "Pixel size" width = "pixel taille réelle">. . . </ Image><br> <br>Codes HTML pour les polices de sites Web <br><br>Code HTML pour les sites qui définit la police du texte est la balise <Police>. Vous pouvez même définir la taille de la police ainsi que la famille de polices. Il est utilisé comme suit:<br> <br><font Face="" size= "">. . </ Font> <br><br>Les codes HTML pour les tableaux de Sites Web <br><br>Vous pouvez créer des tableaux en utilisant les codes HTML pour sites Web. Ceci est fait en utilisant la <Table>. . </ Table> tags. Voici le code pour créer une table standard (les <tr> .. </ tr> sont pour la création d'une ligne et d'une cellule dans une rangée):<br> <br><table> <br><br><tr> <td> HTML </ td> <td> codes </ td> </ tr> <br><br>Pour <tr> <td> </ td> <td> Sites Web </ td> </ tr> <br><br></ Table> <br><br>Il sera affiché de la manière suivante: <br><br>HTML <br><br>Codes <br><br>Pour <br><br>Sites Web <br><br>Il ya des codes HTML pour les couleurs de différentes nuances que vous pouvez utiliser pour colorer l'arrière-plan ou du texte. Donc, ce sont quelques-uns des codes HTML de base pour les sites Web que vous devez absolument connaître. Je n'ai couvert que quelques-uns qui sont nécessaires pour créer une simple page web. HTML est adéquat pour la mise en forme du texte, mais est rigide et limitée. Pour les pages Web les plus avancées et interactive, vous pouvez utiliser DHTML (Dynamic HTML) ou XML, qui vous donne la liberté de créer vos tags!...<br>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta content='https://www.blogger.com/profile/13524440097458555954' itemprop='url'/>
<a href='https://www.blogger.com/profile/13524440097458555954' rel='author' title='author profile'>
<span itemprop='name'>Campo</span>
</a>
</span>
</span>
<span class='post-timestamp'>
à
<meta content='http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html' itemprop='url'/>
<a class='timestamp-link' href='http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html?m=1' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2012-11-22T10:18:00-08:00'>10:18</abbr></a>
</span>
<span class='post-comment-link'>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'>Partager</a>
</div>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>Aucun commentaire:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>
<a href='javascript:void(0)' id='Blog1_comment-editor-toggle-link'>Enregistrer un commentaire</a></h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/8143353545143230705?po=8860870005151684527&hl=fr&m=1' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/4269703388-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
</script>
</div>
</p>
</div>
</div>
</div>
</div>
</div>
<div class='blog-pager' id='blog-pager'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='http://microordinateurr.blogspot.com/2012/11/considerez-apercu-des-cours-d.html?m=1' id='Blog1_blog-pager-newer-link' title='Article plus récent'>‹</a>
</div>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='http://microordinateurr.blogspot.com/2012/11/conseils-universal-laptop-batterie-d.html?m=1' id='Blog1_blog-pager-older-link' title='Article plus ancien'>›</a>
</div>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' href='http://microordinateurr.blogspot.com/?m=1'>Accueil</a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' href='http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html?m=0'>Afficher la version Web</a>
</div>
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Pied de page'><div class='widget Profile' data-version='1' id='Profile1'>
<h2>Qui êtes-vous ?</h2>
<div class='widget-content'>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' href='https://www.blogger.com/profile/13524440097458555954' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'>
Campo
</a>
</dt>
</dl>
<a class='profile-link' href='https://www.blogger.com/profile/13524440097458555954' rel='author'>Afficher mon profil complet</a>
<div class='clear'></div>
</div>
</div><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Fourni par <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/523887051-widgets.js"></script>
<script type='text/javascript'>
var BLOG_BASE_IMAGE_URL = 'https://resources.blogblog.com/img';var BLOG_LANG_DIR = 'ltr';window['__wavt'] = 'AOuZoY78-ZP-J7BkVBJjp1RvRxIjzUJcMg:1716104280019';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8143353545143230705','//microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html?m\x3d1','8143353545143230705');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '8143353545143230705', 'title': 'micro ordinateur', 'url': 'http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html?m\x3d1', 'canonicalUrl': 'http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html', 'homepageUrl': 'http://microordinateurr.blogspot.com/?m\x3d1', 'searchUrl': 'http://microordinateurr.blogspot.com/search', 'canonicalHomepageUrl': 'http://microordinateurr.blogspot.com/', 'blogspotFaviconUrl': 'http://microordinateurr.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'fr', 'localeUnderscoreDelimited': 'fr', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': true, 'isMobileRequest': true, 'mobileClass': ' mobile', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22micro ordinateur - Atom\x22 href\x3d\x22http://microordinateurr.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22micro ordinateur - RSS\x22 href\x3d\x22http://microordinateurr.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22micro ordinateur - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/8143353545143230705/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22micro ordinateur - Atom\x22 href\x3d\x22http://microordinateurr.blogspot.com/feeds/8860870005151684527/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1264259549575107', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8a8c39e8754b0ef7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtenir le lien', 'key': 'link', 'shareMessage': 'Obtenir le lien', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Partager sur Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Partager sur Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Partager sur Pinterest', 'target': 'pinterest'}, {'name': 'E-mail', 'key': 'email', 'shareMessage': 'E-mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27fr\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Lire la suite', 'pageType': 'item', 'postId': '8860870005151684527', 'pageName': 'Codes HTML pour les sites Web ', 'pageTitle': 'micro ordinateur: Codes HTML pour les sites Web '}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Modifier', 'linkCopiedToClipboard': 'Lien copi\xe9 dans le presse-papiers\xa0!', 'ok': 'OK', 'postLink': 'Publier le lien'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Simple', 'isResponsive': false, 'isAlternateRendering': true, 'isCustom': false, 'variant': 'simplysimple', 'variantId': 'simplysimple'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': true, 'title': 'Codes HTML pour les sites Web ', 'description': 'La marque hypertexte en place langue (HTML) est le langage qui comprend un navigateur Web et affiche une page Web selon elle. HTML est un la...', 'url': 'http://microordinateurr.blogspot.com/2012/11/codes-html-pour-les-sites-web.html?m\x3d1', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8860870005151684527}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'mobile': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile1', 'footer-3', document.getElementById('Profile1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull'));
</script>
</body>
</html>