5007 sujets

Sémantique web et HTML

bonjour pour tout les développeurs web et ingénieurs j'ai une petite question concernant un code HTML celui la

<HTML>
<BODY><P>
<TABLE style="FONT-SIZE: 12px; BORDER-TOP: 0px; HEIGHT: 637px; FONT-FAMILY: arial, sans-serif; BORDER-RIGHT: 0px; WIDTH: 634px; WHITE-SPACE: normal; WORD-SPACING: 0px; BORDER-BOTTOM: 0px; TEXT-TRANSFORM: none; FONT-WEIGHT: 400; COLOR: rgb(68,68,68); PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-SPACING: 0px; BORDER-LEFT: 0px; ORPHANS: 2; WIDOWS: 2; DISPLAY: table; LETTER-SPACING: normal; LINE-HEIGHT: normal; PADDING-RIGHT: 0px; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial" cellSpacing=0 cellPadding=0 width=634 align=center border=0>
<TBODY style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row-group; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TR style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TD style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-cell; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" height=25 colSpan=2>
<P><SPAN style="FONT-SIZE: 24px; BORDER-TOP: 0px; FONT-FAMILY: helvetica, arial, sans-serif; BORDER-RIGHT: 0px; WHITE-SPACE: normal; WORD-SPACING: 0px; BORDER-BOTTOM: 0px; TEXT-TRANSFORM: none; FLOAT: none; FONT-WEIGHT: 400; COLOR: rgb(255,102,0); PADDING-BOTTOM: 0px; FONT-STYLE: normal; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; ORPHANS: 2; WIDOWS: 2; DISPLAY: inline !important; LETTER-SPACING: normal; LINE-HEIGHT: normal; PADDING-RIGHT: 0px; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; font-variant-ligatures: normal; font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial"></SPAN>&nbsp;</P></TD></TR>
<TR style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TD style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-cell; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" vAlign=top colSpan=2 align=left><FONT style="FONT-SIZE: 11px; LINE-HEIGHT: 14px" color=#5a5a5a size=1 face="helvetica, arial, sans-serif">&nbsp;</FONT> 
<TABLE style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-SPACING: 0px; BORDER-LEFT: 0px; DISPLAY: table; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" cellSpacing=0 cellPadding=0 width=632 border=0>
<TBODY style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row-group; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TR style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TD style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-cell; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TABLE style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-SPACING: 0px; BORDER-LEFT: 0px; DISPLAY: table; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" cellSpacing=0 cellPadding=0 width=632 border=0>
<TBODY style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row-group; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TR style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" vAlign=top>
<TD style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-cell; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" width=432>
<TABLE style="BORDER-TOP: 0px; HEIGHT: 214px; BORDER-RIGHT: 0px; WIDTH: 433px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-SPACING: 0px; BORDER-LEFT: 0px; DISPLAY: table; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" cellSpacing=0 cellPadding=0 align=left border=0>
<TBODY style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row-group; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TR style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-row; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">
<TD style="BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: table-cell; LINE-HEIGHT: normal; PADDING-RIGHT: 0px" width=432><FONT style="FONT-SIZE: 11px; LINE-HEIGHT: 14px" color=#5a5a5a size=1 face="helvetica, arial, sans-serif">
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px"><FONT color=#b4b3b3></FONT><FONT color=#b4b3b3></FONT><BR style="LINE-HEIGHT: normal">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px"><BR style="LINE-HEIGHT: normal">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">Merci de votre confiance<BR style="LINE-HEIGHT: normal"></P>
<P style="BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: normal; PADDING-RIGHT: 0px">&nbsp;</P></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P></BODY></HTML>

je veux savoir comment faire des codes HTML comme ca et en appel comment les codes HTML comme ca et il y a tell un site ou bien un logiciel pour créer des codes HTML comme cette façon et merci d'avance .
j'ai rien compris à ta question vu que tu l'as formulée bizarrement. Ce code est du html, mais avec des style comme le css. Eh bien pour apprendre, bah il faut acheter un livre du type "html et css pour les nuls". Je te conseille Oh my code
merci pour votre reponse mais moi je veux dire que ce code c pas comme les autres code HTML " COLOR: rgb(68,68,68) " coleur par exemple c pas avec # je veux savoir comment converter des code HTML simple a des codes comme ca et merci bcp pour la reponse
Tout d’abord, ce code date probablement d’une dizaine d’années d’après son style.
Pour les couleurs : si tu écris #123456 c’est pareil que rgb(18, 52, 86)
Le premier est exprimé en hexadécimal, le deuxième est exprimé en décimal
12 hexa = 18
34 hexa = 52
56 hexa = 86
(si je me suis pas trompé dans la conversion)
Ce sont deux façons d’écrire la même chose, tu choisis celle qui te convient au moment où tu l’écris.
Modifié par PapyJP (15 Jun 2019 - 14:37)
Administrateur
Bonjour,

Il s'agit probablement d'un mail ou issu d'un mail. Nécessaire pour être compatible avec ces cochonneries d'Outlook, Gmail, etc Enfin table dans p, c'est crade même pour un mail je suppose.
Sinon oui ce serait du très vieux code (indice les majuscules).

On parle de styles en ligne (pas de fichier CSS ni d'élément style mais tout dans l'attribut style="" des éléments à styler.
C'est à nouveau utilisé par des devs front end (CSS-in-JS, React, Vue, etc) pour répondre parfois à un réel besoin et souvent à un besoin inventé/créé ou un manque de formation ou de considération pour CSS (j'ai pas de souci avec le manque de formation s'il est assumé et pour le reste trooooll). C'est à éviter très très fort sauf pour les mails, pour des raisons de maintenance et d'arrachage de cheveux ou de tête...