web-dev-qa-db-fra.com

Style du texte html sans CSS

Je voudrais code HTML une partie de ma page tumblr, mais dans le contexte, je ne peux pas ajouter de CSS. Est-il possible de formater la taille du texte, la police, la couleur, etc. sans utiliser de CSS? J'ai regardé les balises <font> mais elles ne semblent pas être supportées en html5. Existe-t-il une solution de contournement ou une balise qui ferait cela pour moi?

Merci pour votre aide

htmlcsshtml5textstyles
6
Samcfuchs

Ajoutez des CSS en tant que style directement à la balise que vous souhaitez formater.

EX.

<p style="width:20px;height:20px;background-color:#ffcc00;">The contents go here</p>

2
Alexander

Avec HTML seul, sans CSS, vous pouvez définir

  • famille de polices avec <font face=...>
  • taille de la police avec <font size=...> (bien que quelques valeurs)
  • couleur du texte avec <font color=...>
  • caractère italique avec <i>
  • caractère gras avec <b>
  • indices supérieurs avec <sup>
  • indices avec <sub>
  • soulignement avec <u>
  • sauts de ligne forcés avec <br>
  • points de rupture de ligne directs autorisés avec <wbr>
  • césure autorisée (division de Word) points avec &shy;
  • pas de saut de ligne avec <nobr>
  • alignement du texte dans certains éléments avec l'attribut align ou (pour l'alignement vertical) l'attribut valign
  • couleur d'arrière-plan et/ou image avec les attributs bgcolor et background dans l'élément body et dans les éléments liés à la table
  • faire défiler automatiquement le texte avec <Marquee>

et quelques autres outils de formatage (ce qui appartient au formatage de texte est quelque peu discutable).

Bien que les brouillons HTML5 déclarent nombre d’entre eux «obsolètes» et «non conformes», ils requièrent ou recommandent vivement (selon l’élément) que les navigateurs continuent à les prendre en charge, à l’exception de nobr (qui est bien pris en charge par les navigateurs, sans aucun signe de modification). se laisser tomber).

(HTML5 est un brouillon spécification . Il ne «prend en charge» rien; les navigateurs le font. Les spécifications peuvent nécessiter un support, mais c’est juste une déclaration normative sur la manière dont les choses devraient être.)

Si vous pouvez réellement utiliser CSS au moins dans les attributs style, il y a beaucoup plus de possibilités, bien que le style soit alors maladroit et limité.

19
Jukka K. Korpela

CSS dans un fichier séparé peut ne pas être la réponse mais vous pourrez peut-être l'inclure dans l'en-tête du fichier HTML comme ceci:

    <doctype HTML>
    <html>
    <head> <title>My title</title>
        <style>h1{
            color:red;
            font-size:20px;
    }
        </style>
    </head>
    <body><h1>My large text heading</h1>
     <script>alert("Hi , I'm in javascript inside the HTML File");</script>
    </body>
    </html>

C'est le moyen le plus simple et, ce faisant, le code se trouve dans un endroit unique, dans l'en-tête du fichier HTML dans une balise de style et peut être édité facilement. Les fonctions Javascript pour info peuvent être ajoutées en les plaçant dans une alerte '<script> ("Bonjour, je suis en javascript"); </ script>' comme ci-dessus, le code HTML montre.

2
Michael Mulvey

Grande question,

Vous pouvez vous y prendre de plusieurs manières. Une façon de procéder consiste à utiliser inline css. Le css en ligne ressemble à ceci: <p style="color:red">

La deuxième solution consiste à vérifier si votre modèle comporte des paramètres avancés dans les paramètres. Là, vous pouvez éditer le fichier css puis le référencer dans le HTML!

La deuxième façon vous fera gagner beaucoup de temps et aidera votre blog à avoir une belle apparence!

Vous êtes le bienvenu,

Chêne

1
Oak

Vous pouvez utiliser le style span, les styles div pour styliser la page Web sans utiliser de feuilles en cascade.

Ex: <span style="color:#abc123;"> NAME </span>

0
GURU

Vous pouvez également ajouter <a href="thepagelink.html" style="text-decoration:none;"></a> Cela supprime le soulignement et toute mise en forme sur le lien. Vous pouvez ensuite ajouter votre propre style, par exemple <a href="thepagelink.html" style="text-decoration:none;" style="color: #07781C;"></a> 

0
keno