Html possède certaines fonctionnalités permettant d'afficher davantage les pages Web de manière conviviale ainsi que les documents HTML contenant une structure similaire au format imbriqué pour tous les éléments de balise HTML. Comme nous l'avons déjà vu, chaque élément de balise contenant des crochets angulaires ouvrants et fermants (<>,). L'extension de chaque élément HTML est indiquée par les paires de balises telles que les balises de début et de fin dans le texte html. Il existe un nombre n de balises en HTML pour afficher les pages Web pour des niveaux personnalisés dans les perspectives des utilisateurs. Certaines balises comme Exemple
La balise de paragraphe est définie sous le document HTML concernant le contenu du texte affiché dans les pages Web.
Syntaxe :
Le HTML fournit de nombreuses balises pour les attributs de texte en HTML ; il a également quelques modificateurs pour les types d'éléments.
<html>
<head>
</head>
<body>
<strong> ---some text--</strong>
</body>
</html>
Le code ci-dessus est la syntaxe de base pour les attributs de texte dans les pages Web HTML. Nous utilisons également d'autres attributs de texte tels que ",,,,,, etc." ce sont les attributs de texte de base en HTML que nous utilisons dans les pages Web. Nous utilisons également d'autres attributs de texte définis par l'utilisateur ou personnalisés en fonction des besoins des utilisateurs.
Importance des attributs de texte HTML
Généralement, les attributs HTML sont un type particulier de mots dans les documents Web car ils effectueront des opérations telles que <> ouverture et ≪/> fermeture dans les attributs HTML ; il contrôlera le comportement des éléments en fonction des performances des attributs dans les pages Web. Le texte attribue également des modificateurs des types d'éléments HTML, soit sur le modificateur, il sera noté sur la fonctionnalité par défaut de chaque type d'élément HTML, soit il fournira la fonctionnalité aux types de certains éléments incapables de certaines fonctions correctement ou correctement au HTML. pages Web.
Dans le document HTML, l'attribut est ajouté à la balise de début HTML using et également à certains des nombreux types d'attributs de base tels que « attribut requis », il sera nécessaire au type d'élément particulier pour que la fonctionnalité de type d'élément particulier fonctionne correctement, et un autre attribut appelé « attributs facultatifs », il sera utilisé pour modifier la fonctionnalité par défaut du type d'élément html. Le troisième type, comme « attributs standard », il prend en charge de nombreux types html et enfin les « attributs d'événement » sont utilisés pour faire spécifier les types d'éléments html. les scripts à exécuter dans des circonstances spécifiques.
Certains types de fonctionnalités d'attributs HTML différeront des types d'éléments HTML modifiés. Les attributs HTML appelleront le nom avec des paires de valeurs. Chacun sera séparé par le symbole « =", et le même sera également écrit avec la balise de début de l'élément html après que le nom et la valeur de l'élément html puissent être entourés de guillemets simples ou doubles. De plus, certaines des valeurs contenant certains caractères seront conservées ; c'est-à-dire qu'ils ne seront pas cités dans le code HTML. Néanmoins, il ne prend pas en charge XHTML, laissant certaines valeurs d'attribut qui ne seront pas citées ; il peut être considéré comme dangereux à partir du document HTML.
La plupart des éléments HTML prendront certains attributs communs en HTML ; les attributs id comme l'attribut id fourniront les documents au format mondial, et c'est aussi comme les identifiants uniques de l'élément html, il faudra utiliser les styles de sélecteur CSS pour fournir les propriétés de présentation en utilisant les navigateurs pour concentrer l'attention sur le spécifique élément html ou tout élément combiné avec le script pour d'autres contenus, il doit être modifié en fonction du scénario de présentation. Dans une page Web dynamique pour le HTML, nous utiliserons les méthodes d'URL telles que get et post, etc. pour ajouter l'URL d'une page Web ; il ciblera directement les éléments HTML spécifiques du document et aussi généralement une sous-section de la page Web avec les attributs d'identification affichés comme http://www.examples.com/html#attributes.
Tout autre attribut comme « class » fournit les éléments HTML classés, ou il ressemble à des éléments similaires. Cela peut être très utile à des fins sémantiques pour les documents HTML à des fins de présentation. De plus, les classes sont utilisées dans les types microformats, et le type de classe de document HTML ressemble à des types « notation » ; cela indique que tous les éléments HTML avec ces valeurs de classe sont sous-coordonnés avec les principaux textes HTML des documents Web. Ce type d'éléments HTML doit être rassemblé et combiné avec la présentation des notes d'en-tête et de pied de page sur les pages Web au lieu d'apparaître dans les endroits de texte où ils apparaîtront dans la source des documents HTML.
Moreover, CSS styles will be the presentation for the web documents user, or the Author will use the css style attributes for both non-attributable codes, which also looks with presentational properties of the html elements. The css style attributes will call the html based documents with the help of the class and id attributes for selecting the html elements with the style sheets for the web pages.
also another sub-text based attributes in the html. In most of web browsers, this attribute will be called as the tooltip for the web pages.</p>
<h3>Examples of HTML Text Attributes</h3>
<p>Following are the examples:</p>
<h4>Example #1</h4>
<p><strong>Code:</strong></p>
<pre class="brush:php;toolbar:false"><html>
<body>
<h2>Samples</h2>
<p>Welcome To My Domain</p>
<a href="https://www.gmail.com">Please login</a>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="https://img.php.cn/upload/article/000/000/000/172543792231609.png" alt="Attributs du texte HTML" ></p>
<h4>Example #2</h4>
<p><strong>Code:</strong></p>
<pre class="brush:php;toolbar:false"><html>
<head>
<style>
.sample {
text-transform: uppercase;
}
.sample1 {
text-transform: lowercase;
}
.sample2 {
text-transform: capitalize;
}
</style>
</head>
<body>
<p class="sample">Welcome to My Domain.</p>
<p class="sample1">Welcome to My Domain.</p>
<p class="sample2">Welcome to My Domain.</p>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="https://img.php.cn/upload/article/000/000/000/172543792374995.png" alt="Attributs du texte HTML" ></p>
<h4>Example #3</h4>
<p><strong>Code:</strong></p>
<pre class="brush:php;toolbar:false"><html>
<head>
<style>
#sample{
font-size: 33px;
font-weight: bold;
font-family: Arial;
color: green;
transition:0.7s;
}
</style>
</head>
<body>
<p id="sample">Welcome To my Domain</p>
<script type="text/javascript">
var b = document.getElementById('sample');
setInterval(function() {
b.style.opacity = (b.style.opacity == 0 ? 1 : 0);
}, 1000);
</script>
</body>
</html></pre>
<p><strong>Output:</strong></p>
<p><img src="https://img.php.cn/upload/article/000/000/000/172543792638569.png" alt="Attributs du texte HTML" ></p>
<h3>Conclusion</h3>
<p>We have seen some HTML tags types like text elements; for the web pages, the text tags will be used for basic html documents. Some of the basic tags <h1> to <h10>,<p> etc this type of tags will be used for every html web-based documents. Some tags will be supported for browsers compatibility, and some tags will not be compatible.</p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">css</a> <a href="javascript:void(0);">html</a> <a href="javascript:void(0);">xhtml</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">format</a> <a href="javascript:void(0);">double</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">class</a> <a href="javascript:void(0);">finally</a> <a href="javascript:void(0);">Attribute</a> <a href="javascript:void(0);">Event</a> <a href="javascript:void(0);">number</a> <a href="javascript:void(0);">symbol</a> <a href="javascript:void(0);">default</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">kind</a> <a href="javascript:void(0);">http</a><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="Attribut de style HTML" href="http://m.php.cn/fr/faq/1796600055.html">Attribut de style HTML</a></span><span>Article suivant：<a class="dBlack" title="Attribut de style HTML" href="http://m.php.cn/fr/faq/1796600057.html">Attribut de style HTML</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://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="http://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="http://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="http://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="http://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="http://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><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', {
slidesPerView : 'auto',
observer: true,//修改swiper自己或子元素时，自动初始化swiper
observeParents: true,//修改swiper的父元素时，自动初始化swiper
});
</script></div></div><!--顶部导航 end--><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>