HTML Tipps und Tricks

HTML Tipps und Tricks

Wollt ihr euren Beitrag zu z.B. Gesuchen oder Steckbriefen aufpimpen? Hier sind ein paar einfache HTML-Codes, die ihr dafür benutzen könnt! Kopiert sie einfach von hier, klickt auf das kleine -Symbol in der oberen Leiste, fügt sie ein und verändert sie gegebenenfalls!

<center>Text</center>

<div style="border: 20px solid #babeee; padding: 20px; width: 300px; text-align: center; margin:0 auto;">Text</div>

Die fett geschriebenen Werte könnt ihr verändern! Alle px-Angaben sind veränderbar, das heißt die Breite des Rahmens, der unsichtbare innere Rahmen (damit der Text nicht am Rand klebt), und die Größe der Box selbst! Ihr könnt auch gerne die Höhe der Box festlegen, wenn ihr zB mehrere gleichgroße Boxen haben wollt! schreibt dazu einfach zwischen die "" height: 300px; mit eurer beliebigen Pixel-Zahl. Wenn ihr mehr Text habt als in die Box passt, und wollt, dass man darin scrollen kann, fügt auch noch overflow: auto; hinzu. Die Farbe des Rahmens, also in diesem Fall #babeee könnt ihr auf einer beliebigen Color Hex-Code Seite wie zB hier oder auf Google herauspicken und dann kopieren und dort einfügen. Wenn ihr auch noch eine andere Hintergrund-Farbe für die Box haben wollt, fügt background:#e8e9f9; zwischen die "". Außerdem könnt ihr auch den Rahmen der Box verändern: solid beschreibt einen soliden Rahmen, dotted einen gepunkteten und dashed einen gestrichelten. Text-align beschreibt die Ausrichtung des Textes, center steht dabei für zentriert, right und left für je rechts- bzw linksbündig und justify für Blocksatz.

Wenn mir mehr einfällt, werde ich es hinzufügen, wenn ihr noch Ideen habt, könnt ihr sie gerne ebenfalls posten!