Playground: Unterschied zwischen den Versionen

Aus wissen.marko.toepperwien.de
Zur Navigation springenZur Suche springen
(Die Seite wurde neu angelegt: „==- Überschriften -== <br> =Überschriften1= ==Überschriften2== ===Überschriften3=== ====Überschriften4==== =====Überschriften5===== <hr> ==- Rahmen um Text -== Um einen Rahmen um Text zu erstellen, kannst du das <div>-Tag mit CSS-Styling verwenden: HTML <div style="border: 1px solid black; padding: 10px;"> Dies ist ein Text mit einem Rahmen. </div> <br> <div style="border: 2px solid black; padding: 10px;"> Dies ist ein Text mit einem Rahmen.…“)
 
Zeile 15: Zeile 15:


<div style="border: 1px solid black; padding: 10px;">
<div style="border: 1px solid black; padding: 10px;">
Dies ist ein Text mit einem Rahmen.
Dies ist ein Text mit einem Rahmen. border: 1px solid black
</div>
</div>


Zeile 21: Zeile 21:


<div style="border: 2px solid black; padding: 10px;">
<div style="border: 2px solid black; padding: 10px;">
  Dies ist ein Text mit einem Rahmen.
  Dies ist ein Text mit einem Rahmen. border: 2px solid black
</div>
</div>


Zeile 27: Zeile 27:


<div style="border: 3px solid black; padding: 10px;">
<div style="border: 3px solid black; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid black
</div>
</div>


Zeile 33: Zeile 33:


<div style="border: 3px solid red; padding: 10px;">
<div style="border: 3px solid red; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid red
</div>
</div>


Zeile 39: Zeile 39:


<div style="border: 3px solid green; padding: 10px;">
<div style="border: 3px solid green; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid green
</div>
</div>


Zeile 45: Zeile 45:


<div style="border: 3px solid blue; padding: 10px;">
<div style="border: 3px solid blue; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid blue
</div>
</div>
<br>
<br>


<div style="border: 3px solid yellow; padding: 10px;">
<div style="border: 3px solid yellow; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid yellow
</div>
</div>


Zeile 56: Zeile 56:


<div style="border: 3px solid lightgrey; padding: 10px;">
<div style="border: 3px solid lightgrey; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid lightgrey
</div>
</div>


Zeile 62: Zeile 62:


<div style="border: 3px solid darkgrey; padding: 10px;">
<div style="border: 3px solid darkgrey; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid darkgrey
</div>
</div>


Zeile 68: Zeile 68:


<div style="border: 3px solid grey; padding: 10px;">
<div style="border: 3px solid grey; padding: 10px;">
* Dies ist ein Text mit einem Rahmen.
* Dies ist ein Text mit einem Rahmen. border: 3px solid grey
</div>
</div>


<br>
<div style="border: 3px solid orange; padding: 10px;">
* Dies ist ein Text mit einem Rahmen. border: 3px solid grey
</div>
<br>


<div style="border: 3px solid #FF6000; padding: 10px;">
* Dies ist ein Text mit einem Rahmen. border: 3px solid #FF6000
</div>


'''Codebeispiel:'''
'''Codebeispiel:'''
Zeile 82: Zeile 92:
Hervorhebung von Text
Hervorhebung von Text
<hr>
<hr>
<div style="background-color: orange; color: white; padding: 10px;">
Dies ist ein Beispieltext.
</div>
<br>
<div style="background-color: orange; color: white; padding: 10px; font-weight: bold;">
Dies ist ein Beispieltext.
</div>
<br>
<div style="background-color: orange; color: white; padding: 10px; font-weight: bold; font-family: 'Times New Roman', Times, serif; font-size: 28px;">
Dies ist ein Beispieltext.
</div>
<br>
<div style="background-color: orange; color: white; padding: 10px; font-weight: bold;">
===== Dies ist ein Beispieltext. =====
</div>
<hr>
Für die Hervorhebung von Text gibt es verschiedene Möglichkeiten:
Für die Hervorhebung von Text gibt es verschiedene Möglichkeiten:


Version vom 30. September 2024, 13:37 Uhr

- Überschriften -


Überschriften1

Überschriften2

Überschriften3

Überschriften4

Überschriften5

- Rahmen um Text -

Um einen Rahmen um Text zu erstellen, kannst du das

-Tag mit CSS-Styling verwenden:

HTML

Dies ist ein Text mit einem Rahmen. border: 1px solid black 


Dies ist ein Text mit einem Rahmen. border: 2px solid black


  • Dies ist ein Text mit einem Rahmen. border: 3px solid black


  • Dies ist ein Text mit einem Rahmen. border: 3px solid red


  • Dies ist ein Text mit einem Rahmen. border: 3px solid green


  • Dies ist ein Text mit einem Rahmen. border: 3px solid blue


  • Dies ist ein Text mit einem Rahmen. border: 3px solid yellow


  • Dies ist ein Text mit einem Rahmen. border: 3px solid lightgrey


  • Dies ist ein Text mit einem Rahmen. border: 3px solid darkgrey


  • Dies ist ein Text mit einem Rahmen. border: 3px solid grey


  • Dies ist ein Text mit einem Rahmen. border: 3px solid grey


  • Dies ist ein Text mit einem Rahmen. border: 3px solid #FF6000

Codebeispiel: 

<div style="border: 1px solid black; padding: 10px;">
  Dies ist ein Text mit einem Rahmen.
</div>

Hervorhebung von Text

Dies ist ein Beispieltext.


Dies ist ein Beispieltext.


Dies ist ein Beispieltext.



Dies ist ein Beispieltext.

Für die Hervorhebung von Text gibt es verschiedene Möglichkeiten:

Fettgedruckt HTML

Dieser Text ist fettgedruckt.

Kursiv HTML

Dieser Text ist kursiv.

Fett und kursiv HTML

Dieser Text ist fett und kursiv.

Vorformatierter Text

Um Text vorformatiert darzustellen, kannst du das 
-Tag verwenden:

HTML

<pre>
Dies ist ein vorformatierter Text.
Er behält seine Zeilenumbrüche und Leerzeichen bei.

Syntax-Highlighting Mit der Erweiterung SyntaxHighlight kannst du Quellcode mit Syntax-Highlighting darstellen:

HTML 

def hello_world():
    print("Hello, world!")
Abgerufen von „http://wissen.marko.toepperwien.de/index.php?title=Playground&oldid=659“