Hilfe für Anfänger gesucht!!!!

[Spaceworker]

Hallo zusammen,

ich bin voll der Änfänger in Sachen html und überhaupt in Sachen
Programmieren:sad:.

jetzt möchte ich einen text erstellen und bekomme es einfach nicht hin, habe schon im netz gesucht, aber nichts gefunden. vielleicht kann mir einer von euch helfen.

die schrift soll in verdana sein, der erste buchstabe zb. C (groß geschrieben) soll in rot,fett und eine schriftgröße von +3 haben, die anderen buchstaben zb. OLA (groß geschrieben) auch in rot,fett aber nur schriftgröße +2. das "&" in weiss,fett,schriftgröße +2 dann noch das zb. H (groß geschrieben) in weiss,fett,schriftgröße +3 zum schluss noch zb. AUS(groß geschrieben) weiss,fett,schriftgröße +2

es gibt nur ein leerzeichen zwischen A und & und & und H

also muss so so ungefähr aussehen: COLA & HAUS habe jezt nur blau genommen wegen der optik...

dort drunter möchte ich zwei linien eine in weiss eine in rot wobei erst die weisse dann die rote,sie sollen vom ersten bis zum letzten buchstaben gehen in einer größe von 2.

kann mir vielleicht einer diesen code fertig machen da ich alles versucht habe :-(

ich bedanke mich schon einmal im vorhinein für eure hilfe

DANKE und Gruss

 

[Elroy]

Hallo.

Schriftgröße 3 em oder von was für einer Masseinheit reden wir hier?
Bedeutet alles versucht auch CSS oder nur HTML?

Gruss
Elroy

 

[Spaceworker]

hallo Elroy,

das mit dem text habe ich jetzt schon geschafft, jetzt fehlen mir nur noch die beiden linien unter dem text. das habe ich noch nicht hin bekommen. ich schreibe mal den text code hier rein.


<div align="left"><font size="7"><b><font color="Red">C</font></b></font><font color="Red"><b><font size="6">OLA</font></b></font><font size="6"><font color="black"><b>&amp; HAU<font size="7">S</b></font></font></div>

jetzt möchte ich noch zwei linien in textlänge größe 2 die erste in weiss und die zweite in rot mit etwas abstand, aber wenn geht nicht eine ganze zeile abstand.

 

[vitus37]

<b> und <font> haben in modernem HTML nichts zu suchen. Das ist physische Inhaltsauszeichnung, wofür HTML nicht gemacht ist.

Formatierungen und Design macht man mit CSS.

Was meinst du mit 'zwei Linien unter dem Text'? Du meinst eine Unterstreichung? Du kannst weder mit HTML noch mit CSS die Stärke (=Dicke) der Unterstreichung bestimmen.

 

[Spaceworker]

@ vitus37 schon einmal die überschrift bzw. den titel gelesen?

ICH BIN ANFÄNGER OK

das sind meine ersten versuche was auf die beine zu stellen!!!!

ich meine das mit den linien so:

<div align="left"><font size="7"><b><font color="Red">C</font></b></font><font color="Red"><b><font size="6">OLA</font></b></font> <font size="6"><font color="blue"><b>&amp; HAU<font size="7">S</b></font></font>&nbsp;&nbsp;&nbsp;<font size="5"><b><font color="blue">Catering &minus; Service</font></b></div>
<hr style="border:solid red 1px;height:1px;">
<hr style="border:solid blue 1px;height:1px;">

so weit so gut, nur leider sind sie länger als der text....

wie kann ich die linienlänge an die textlänge anpassen?

 

[vitus37]

ICH BIN ANFÄNGER OK

Auch als Beginner kann man erlerntes korrekt einsetzen. Wenn du gerade deinen Autoführerschein machst, bist du schließlich nicht berechtigt über rot zu fahren, auch wenn du Anfänger bist.

Aber zurück zum Thema.
versuche mal diesen Code:

<div align="left" style="width: 440px;">

    <span style="font-size: 2.4em; font-weight: bold; color: red;">C</span>
    <span style="font-size: 1.8em; font-weight: bold; color: red;">OLA</span>
    <span style="font-size: 1.8em; font-weight: bold; color: blue;"> &amp; HAU</span>
    <span style="font-size: 2.4em; font-weight: bold; color: blue; margin-right: 30px;">S</span>
    <span style="font-size: 1.5em; font-weight: bold; color: blue;">Catering - Service</span>
	
    <hr style="border:solid red 1px;height:1px;">
    <hr style="border:solid blue 1px;height:1px;">
	
</div>

Gruß

 

[Elroy]

Hallo.

@vitus37

Du solltest eigentlich wissen wie man Text auszeichnet.

Warum gibst du deiner Linie einen Rahmen?

Gruss
Elroy

 

[vitus37]

@vitus37

Du solltest eigentlich wissen wie man Text auszeichnet.

Warum gibst du deiner Linie einen Rahmen?

OK, macht jetzt keinen Sinn versuchen sich rauszureden.

<div style="border-bottom: 2px blue solid; width: 440px;">

<h1 style="display: block; width: 440px; text-align: left; border-bottom: 2px red solid; font-size: 1em; margin-bottom: 6px;">

    <span style="font-size: 2.4em; font-weight: bold; color: red;">C</span>
    <span style="font-size: 1.8em; font-weight: bold; color: red;">OLA</span>
    <span style="font-size: 1.8em; font-weight: bold; color: blue;"> &amp; HAU</span>
    <span style="font-size: 2.4em; font-weight: bold; color: blue; margin-right: 30px;">S</span>
    <span style="font-size: 1.5em; font-weight: bold; color: blue;">Catering - Service</span>
	
</h1>

</div>

Sorry, für die Umstände. (Sehe übrigens keine alternative Möglichkeit, als ein DIV um das ganze zu setzen.)

P.S. Das HR-Tag nutze ich fast nie, dementsprechend wenig Erfahrung damit und habe den Code von oben kopiert.

Aber danke für den Hinweis Elroy.

Gruß