Comprendre l'HTML

Bonjour à tous, je vais vous montrer comment utiliser et modifier l'HTML, car on n'est pas un codeur si on ne modifie rien à part l'image *-*

Commençons par ce code simple : un cadre transparent aux contours blancs avec un fond.

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;"><div style="text-align: center;"><br></div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border: 1px solid #ffffff;">
<div style="text-align: center;">Texte</div>
</div><div style="text-align: center;">
<br></div>
</div>

<div style="text-align: -webkit-auto; → text-align permet de faire en sorte que le texte soit au même degrés que le cadre, et -webkit-auto permet de faire en sorte que la rotation du cadre soit droite ( vous pouvez modifier par webkit-transform: rotate(..deg) les petits points sont à modifier par un chiffre, plus il est grand, plus le cadre est incliné.

background-image: url('LIEN DE TON IMAGE') → Pour mettre une image en fond à votre fiche.

background-color: rgba(255, 255, 255, 1) → Pour mettre une couleur en fond à votre fiche à modifier rgba(..., ..., ..., .) par #......, les petits points sont à modifier grâce aux couleurs web.

margin: →  c'est l'espace entre le bord de la fiche et le cadre. exemple : margin: 20px, 20px, 20px, 20px ou alors margin: auto.

padding: → c'est l'espace entre le cadre de la fiche et le texte. exemple : padding: 20px, 20px, 20px, 20px

border: .px solid #...... → c'est la bordure du cadre et/ou du fond. exemple : border 1px ( plus le chiffre est grand, plus la bordure est épaisse ) solid ( vous pouvez modifier solid par dotted : à pois, dashed : pointillés, ou double : la bordure est divisée en deux parties ) #couleurweb.

width: ...px → c'est la largeur du cadre ou du fond, la largeur d'une fiche est de 500px.

height: ....px → c'est la hauteur du cadre ou du fond, facultatif.